Техническое задание: Дизайн и верстка страницы продукта на Tilda
Основная задача
Создать с нуля дизайн и осуществить верстку страницы карточки товара (автомобиля) на конструкторе Tilda. Работа включает в себя полный цикл от проектирования интерфейса до публикации на предоставленном домене.
Структура страницы
- 1. Навигационная цепочка (хлебные крошки): Указание пути к текущей странице.
- 2. Верхний блок со слайдером:
- Слайдер для демонстрации фото и видео материала.
- Форма обратной связи с полями: Имя, Телефон, Электронная почта.
- Блок с отображением стоимости продукта.
- 3. Блок технических характеристик:
- Необходимо визуально оформить список параметров (год выпуска, цвет, количество мест, пробег, тип трансмиссии, объем двигателя, вид топлива, тип привода, мощность).
- Для каждого параметра требуется подобрать и интегрировать уникальные иконки (не использовать стандартную библиотеку Tilda).
- 4. Таблица с условиями покупки/аренды:
- Структура таблицы: колонки «Первоначальный взнос» и «Ежемесячный платеж».
- Стиль и логика таблицы должны быть аналогичны представленным в референсах.
- 5. Блок комплектации:
- Список опций, скрытый под выпадающим заголовком (аккордеон).
- Функционал «раскрывающегося» блока должен быть рабочим.
- 6. Дополнительная форма обратной связи:
- Расположение в нижней части страницы.
- Поля для ввода: Имя, Телефон, Электронная почта.
- Должна сопровождаться тематическим изображением.
- 7. Блок «Похожие автомобили»: Галерея карточек других товаров с аналогичным дизайном.
Референсы и требования
- При разработке дизайна необходимо ориентироваться на стилистику и уровень проработки предоставленных референс-сайтов.
- Все функциональные элементы (слайдер, формы, аккордеон) должны быть полностью работоспособны.
- Верстка должна быть адаптивной и корректно отображаться на всех типах устройств.
- Финальным этапом является публикация готовой страницы на указанном домене.
Что предоставляет заказчик
- Структуру и логику страницы.
- Ссылки на референс-сайты для понимания ожидаемого стиля и функционала.
- Домен для финального размещения проекта.