Разработка дизайна наклеек для прицепа фуры
Необходимо создать дизайн-макет для наклеек на будку прицепа грузовика. У заказчика есть готовое видение и референсы, требуется качественная визуализация.
Техническое задание: Верстка сайта на React/Next.js
Цель проекта
Создание полностью адаптивного, кроссбраузерного и семантически верного веб-сайта на основе предоставленного дизайн-макета.
Основные требования
- Технологический стек: React, Next.js (фронтенд). Бэкенд реализован на Django.
- Дизайн-макет: Работа ведется по готовому и утвержденному дизайну в Figma.
- Методология: Обязательное использование методологии БЭМ для именования классов.
- Качество верстки: Чистая, семантическая верстка с использованием HTML5 и CSS3.
- Инструменты стилизации: Предпочтительно использование Tailwind CSS. Для построения сеток - Flexbox/Grid.
Ключевые критерии качества
- Пропорциональная и точная верстка: Визуальное отображение сайта на разных разрешениях экрана должно максимально точно соответствовать дизайн-макету («один в один»).
- Адаптивность: Полная адаптивность под десктопные устройства. Отступы по бокам должны быть реализованы по аналогии с указанным в задании референс-сайтом.
- Кроссбраузерность: Корректное отображение и работа в последних версиях браузеров Chrome, Firefox, Safari, Edge.
Ожидаемый результат
Готовый, полностью функционирующий фронтенд на React/Next.js, который:
- Точно повторяет предоставленный дизайн.
- Идеально масштабируется на различных разрешениях экрана.
- Написан с соблюдением современных стандартов и методологий (БЭМ, семантика).
- Готов к интеграции с Django-бэкендом.