Требуется разработать дизайн сайта для автосалона (продажа автомобилей с пробегом или новых). Сайт будет состоять из 5 страниц. Задача — создать чистый, минималистичный дизайн с понятной структурой и удобным интерфейсом. Дизайн выполняется под дальнейшую верстку на Tilda (Zero Block). Важно предусмотреть модульность и простоту адаптации под контент.
Объем работ
- 5 уникальных страниц (дизайн в Figma, Photoshop или другом удобном для вас инструменте).
- Адаптивные версии под десктоп, планшет и мобильные устройства (макеты для трех разрешений или четкое ТЗ по адаптиву).
- Подготовка макетов с учетом возможностей Tilda (использование сетки, отступов, типовых блоков).
- Передача исходников и экспорт со стилями (цвета, шрифты, отступы).
Страницы для проектирования
- Главная страница
- Шапка (header): логотип, контакты (телефон, адрес), кнопка «Заказать звонок».
- Первый экран (hero): заголовок, УТП, кнопка «Подобрать авто», фон — фото салона или автомобиля.
- Поиск/подбор автомобиля: упрощенная форма (марка, модель, цена).
- Акции/спецпредложения: сетка из 3–4 акций.
- О салоне: краткое описание, преимущества (3–4 иконки).
- Популярные автомобили: сетка из 4–6 карточек (фото, название, год, цена, кнопка «Подробнее»).
- Отзывы клиентов: слайдер или сетка из 3 отзывов.
- Контакты: карта, адрес, телефон, режим работы.
- Футер: меню, контакты, политика конфиденциальности.
- Каталог автомобилей
- Фильтрация по основным параметрам (марка, модель, цена, год, тип кузова).
- Отображение карточек автомобилей (сетка или список).
- Пагинация или подгрузка.
- Сортировка (по цене, году).
- Карточка автомобиля
- Фотогалерея (возможность просмотра нескольких фото).
- Основные характеристики: год, пробег, двигатель, трансмиссия, цвет.
- Цена и кнопка «Записаться на тест-драйв/Оставить заявку».
- Блок с описанием и комплектацией.
- Кнопки «Поделиться» и «В избранное» (по желанию).
- Страница «О салоне»
- Информация о компании (история, опыт работы).
- Преимущества работы с салоном.
- Команда (фото и должности сотрудников — опционально).
- Схема проезда, контакты.
- Страница контактов
- Контактная информация (телефон, email, адрес).
- Режим работы.
- Карта с отметкой.
- Форма обратной связи (имя, телефон, комментарий).
- Ссылки на мессенджеры (WhatsApp, Telegram).
Требования к дизайну
- Стиль: минималистичный, современный, строгий. Акцент на читаемость и удобство.
- Цветовая гамма: светлая/нейтральная (белый, серый) + 1–2 акцентных цвета (например, синий, черный или фирменный цвет автосалона).
- Шрифты: простые, системные (Inter, Roboto, Montserrat и т.п.) или аналоги.
- Типографика: четкая иерархия заголовков, удобный для чтения размер текста.
- Карточки товаров: единообразие, наличие всех ключевых данных.
- Формы: минималистичные, с понятными подписями полей.
Этапы работ
- Брифинг — обсуждение деталей, сбор референсов, согласование структуры.
- Прототипы — создание схемы расположения блоков по каждой странице.
- Дизайн главной страницы — утверждение стиля, цветов, типографики.
- Дизайн остальных страниц — разработка оставшихся 4 страниц в единой стилистике.
- Адаптив — проработка мобильной и планшетной версий.
- Правки — внесение корректировок по итогам согласования.
- Сдача проекта — передача исходных макетов (Figma, PSD, Sketch) с экспортированными стилями.