Род деятельности компании
Торговля и логистика нефти и нефтепродуктов на внутреннем рынке.

Цели создания сайта.

Создание представительства компании в сети интернет

Формирование имиджа бренда, через имиджевый корпоративный сайт

Создание инструмента распространения информации о компании, о ее
деятельности

Презентация компании с лучшей стороны, сформировать образ динамично
развивающейся компании


Пожелания по дизайну.

Компания динамичная, интенсивно развивающаяся, даже в данных условиях. Я бы хотел это
отразить. В приоритете –удобство пользования сайтом, скорость загрузки. Так как команда
молодая, думаю хорошо будет использовать анимационные элементы, если они не вредят
быстрой загрузке. Дизайн сайта должен создавать ощущение современности, динамичности,
актуальности. Креатив приветствуется.

Структура сайта.
О нас (история, миссия + стратегия)
Менеджмент (под вопросом)
Направления деятельности (продукты)
Новости
Контакты

Референсы
bronkagroup.ru, mrgeng.ru Свернуть

необходимо перенести и настроить магазин с https://%D0%B0%D0%BC%D0%BD%D0%B8.%D1%80%D1%84/
на ссылка
общие настройки уже есть,
- нужна структура магазина (пришлю дополнительно)
- перенос товара
- настройка сдэк Свернуть

Верстка страницы сайта

верстаем 2 версии мобильную и дектоп, обе адаптивные в рамках своих разрешений

Требования к верстке

-Сборщик (с конфигом)
-БЭМ (туда же можно OOCSS, SMACSS)
-Линтеров наличие, желательно
-Семантическая разметка (html5 тэги и их иерархия)
-Контент не должен ломать вёрстку
-Препроцессоры / SCSS, LESS - режим организации стилей на проекте в целом
-Шаблонизаторы
-Респонсива наличие само собой
-Стиль кода (js/jquery)
-Кроссбраузерность
-Фавиконы кросбраузыерные (сборщик решает эту проблему)
-Рациональность использования сторонних плагинов или наоборот их отсутствие
-Оптимизация (использование тегов picture, размеры файлов и пр. вещи из googlePageSpeed, например)
-Картинки и современные форматы изображений, в идеале
-Шрифты и их подключение (в идеале бы вариативные)
-Векторные иконки (их оптимизация)
-Единицы измерения в идеале не px, а rem/em

Требования к совместимости с клиентскими браузерами

Сайт должен быть рассчитан на работу при минимальном горизонтальном разрешении экрана 320 точки (px). Отображение сайта в зависимости от разрешения монитора
разрабатывается исходя из дизайн-макетов, которые согласовываются с Заказчиком
перед этапом вёрстки шаблонов страниц сайта.
Все функции сайта корректно работают в следующих браузерах

1. Windows 7,8,10
1. Microsoft Edge (последняя актуальная версия на момент запуска сайта).
Страница 5 из 13
2. Mozilla Firefox (последняя актуальная версия на момент запуска сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

2. OS X
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

3. Мобильные устройства
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera Mini (последняя актуальная версия на момент запуска сайта).
Для корректного отображения портала в браузере должна быть включена поддержка
JavaScript сценариев и разрешено сохранение cookies. Свернуть

2 версии сайта мобильная и дектоп, адаптив на каждую версию

Требования к совместимости с клиентскими браузерами

Сайт должен быть рассчитан на работу при минимальном горизонтальном
разрешении экрана 320 точки (px). Отображение сайта в зависимости от
разрешения монитора
разрабатывается исходя из дизайн-макетов, которые согласовываются с
Заказчиком
перед этапом вёрстки шаблонов страниц сайта.
Все функции сайта корректно работают в следующих браузерах

1. Windows 7,8,10
1. Microsoft Edge (последняя актуальная версия на момент запуска сайта).
Страница 5 из 13
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

2. OS X
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera (последняя актуальная версия на момент запуска сайта).

3. Мобильные устройства
1. Safari (последняя актуальная версия на момент запуска сайта).
2. Mozilla Firefox (последняя актуальная версия на момент запуска
сайта).
3. Google Chrome (последняя актуальная версия на момент запуска сайта).
4. Opera Mini (последняя актуальная версия на момент запуска сайта).
Для корректного отображения портала в браузере должна быть включена
поддержка
JavaScript сценариев и разрешено сохранение cookies.

Используемые технологии:
-Сборщик (с конфигом)
-БЭМ (туда же можно OOCSS, SMACSS)
-Линтеров наличие, желательно
-Семантическая разметка (html5 тэги и их иерархия)
-Контент не должен ломать вёрстку
-Препроцессоры / SCSS, LESS - режим организации стилей на проекте в целом
-Шаблонизаторы
-Респонсива наличие само собой
-Стиль кода (js/jquery)
-Кроссбраузерность
-Фавиконы кросбраузыерные (сборщик решает эту проблему)
-Рациональность использования сторонних плагинов или наоборот их отсутствие
-Оптимизация (использование тегов picture, размеры файлов и пр. вещи из googlePageSpeed, например)
-Картинки и современные форматы изображений, в идеале
-Шрифты и их подключение (в идеале бы вариативные)
-Векторные иконки (их оптимизация)
-Единицы измерения в идеале не px, а rem/em

Тесты на Jest — фреймворк для тестирования JavaScript, разработанный для
обеспечения уверенности в правильной работе любого JavaScript кода. Свернуть