Разработать макет интернет‑магазина автоаксессуаров

1. Описание задачи
Необходимо разработать дизайн‑макет интернет‑магазина автоаксессуаров.
Интерфейс должен быть простым, ненагруженным, удобным и информативным. В качестве ориентира по структуре и UX можно использовать сайт ozon.ru.
 
2. Перечень страниц для отрисовки
Нужно разработать дизайн следующих страниц:
1. Главная страница.
2. Страница каталога со списком товаров.
3. Страница карточки товара.
4. Страница «Корзина».
5. Страница «Оформление заказа» (одностраничное).
6. Страница «Личный кабинет».
7. Информационная страница базового шаблона (контакты, доставка, возврат, гарантия) – один универсальный шаблон.
Для всех страниц шапка и подвал должны быть выполнены в едином стиле.
 
3. Общие элементы (шапка и подвал)
Шапка:
·    Логотип.
·    Кнопка «Каталог» с выпадающим списком категорий.
·    Поиск по каталогу.
·    Кнопки «Вход» / «Регистрация».
·    Иконка корзины с отображением количества товаров.
Футер:
·    Меню по разделам (основные навигационные ссылки).
·    Контакты, адрес, ссылки на социальные сети.
·    Ссылки на политику конфиденциальности и политику обработки персональных данных.
 
4. Структура ключевых страниц
4.1. Главная страница
Обязательные блоки:
·    Блок «Подбор по марке и модели».
·    Блок «Популярные категории».
·    6–8 иконок/карточек категорий:
- коврики в салон;
- коврики в багажник;
- брызговики;
- подлокотники;
- дефлекторы;
- хромированные накладки;
- сумки‑органайзеры;
- аксессуары в салон.
·    Блок «Популярные товары».
·    Блок «Акции и спецпредложения».
·    Блок преимуществ (например: «Быстрая доставка», «Гарантия возврата», «Оплата при получении» и т.п.).
Важно: страница не должна быть визуально перегруженной – аккуратные блоки, понятные отступы, читаемая типографика.
 
4.2. Каталог товаров (страница списка)
Обязательные элементы:
·    Хлебные крошки.
·    Название категории.
·    Фильтры:
- по марке/модели авто;
- по цене.
·    Сетка карточек товаров:
- фото товара;
- название;
- цена;
- кнопка «В корзину».
·    Пагинация.
 
4.3. Карточка товара
Обязательные элементы:
·    Хлебные крошки.
·    Галерея фото: основное изображение + миниатюры.
·    Название товара.
·    Артикул.
·    Цена и информация о наличии.
·    Блок выбора вариаций (цвет, размер, комплектация).
·    Кнопки:
- «В корзину»;
- «Купить сразу».
·    Блоки ниже основной информации:
- «Описание»;
- «Характеристики»;
- «Отзывы»;
- «С этим товаром покупают» или «Похожие товары».
 
4.4. Корзина
Обязательные элементы:
·    Таблица товаров:
- фото;
- название;
- цена;
- поле количества;
- сумма;
- кнопка удаления позиции.
·    Итоговые суммы:
- общая сумма;
- поле для ввода промокода и отображение скидки.
·    Кнопка «Оформить заказ».
 
4.5. Оформление заказа (одностраничное)
Страница должна содержать следующие блоки:
·    Блок 1 – контакты:
- ФИО;
- телефон;
- email.
·    Блок 2 – доставка:
- город;
- способ доставки;
- адрес / пункт выдачи.
·    Блок 3 – оплата:
- варианты оплаты (список/переключатели).
·    Блок 4 – итог заказа:
- список товаров (кратко: название, количество, цена);
- сумма;
- стоимость доставки;
- итоговая сумма.
·    Чекбокс согласия с условиями и политикой конфиденциальности (с ссылками).
 
4.6. Личный кабинет
Обязательные разделы:
·    Блок с контактными данными пользователя.
·    Список заказов со статусами (номер заказа, дата, сумма, текущий статус).
 
4.7. Информационная страница (базовый шаблон)
Нужен один универсальный шаблон, который затем будет использоваться для следующих разделов:
·    Контакты.
·    Информация о доставке.
·    Информация о возврате.
·    Гарантии.
Основные элементы:
·    Заголовок страницы.
·    Текстовые блоки с подзаголовками.
 
5. Требования к дизайну
·    Стиль: современный, лаконичный, без визуального перегруза.
·    Фон сайта: белый.
·    Основные кнопки и важные элементы – яркого акцентного цвета (например, #ff6550).
·    Читаемые шрифты без засечек с поддержкой кириллицы.
·    Мобильная версия:
- обязательно отрисовать мобильные варианты основных страниц (минимум: главная, каталог, карточка товара, корзина, оформление заказа).
 
6. Технические требования к макетам
·    Формат: PSD.
·    Структура файла:
- аккуратно организованные слои и группы;
- понятные названия слоёв и блоков.
·    Для дальнейшей разработки необходимо приложить:
- палитру цветов (основные и вспомогательные цвета с кодами);
- перечень используемых шрифтов и основных размеров (заголовки, подзаголовки, основной текст, подписи, кнопки);
- стили кнопок (размеры, состояния: обычное, наведение);
- стили полей форм (обычное состояние, фокус, ошибка).
7. Ожидания от исполнителя
В отклике прошу указать:
·    Примеры выполненных работ по интернет‑магазинам (приоритет – товарные и/или автомобильные тематики).
·    Ориентировочные сроки выполнения работы.