Общая задача
Сверстать и подключить фронтенд сайта по готовому дизайну. Включает верстку страниц: Главная, О нас, Команда, Блог (листинг статей + страница отдельной статьи), Контакты и Конструктор.
Требования к верстке
- Адаптивность: корректное отображение на десктопе, планшете и мобильных устройствах;
- Кроссбраузерность: работоспособность во всех современных браузерах;
- Pixel-perfect: точное соответствие макету по ключевым блокам;
- Оптимизация загрузки: ленивая подгрузка изображений, сжатие ресурсов.
Страница Конструктор
Самая важная функциональная страница проекта. Здесь требуется реализовать:
- Выбор опций пользователем через элементы управления (кнопки, ползунки, списки);
- Мгновенный пересчёт цены: сумма обновляется в реальном времени при изменении любой опции;
- Динамическая смена изображений/рендеров (без использования 3D-движков): по мере смены опций визуал предмета конфигурации обновляется плоскими изображениями;
- Формирование итоговой комплектации - сводка всех выбранных параметров;
- Отправка заявки: пользователь вводит имя, номер телефона и предпочтительный мессенджер; вместе с контактными данными передаётся весь JSON конфигурации;
- После отправки показывать благодарственное сообщение и уникальный код или ссылку, по которой можно восстановить созданную конфигурацию;
- Для менеджера в заявке должна сохраняться полная информация о подобранных опциях.
Референс логики доступен для ознакомления по указанной заказчиком ссылке. Все контактные данные в задании удалены из соображений приватности.