Дизайн главной страницы сайта доставки пирогов
Необходимо создать дизайн главной страницы для онлайн-сервиса по доставке пирогов. Работа выполняется исключительно для версии для персональных компьютеров (ширина от 1200px). Разработка адаптивной версии или версии для мобильных устройств не требуется.
Структура и основные блоки страницы
1. Шапка сайта (Header)
- Логотип компании.
- Горизонтальное навигационное меню с пунктами: Главная, Каталог, Акции.
- Блок контактов, содержащий:
- Номер телефона.
- Кнопка "Написать нам".
- Адрес компании.
- Режим работы.
2. Первый экран (Hero Section)
- Слайдер для отображения акционных предложений. Требуется подготовить 3 слайда:
- Скидка за самовывоз -10%.
- Скидка по промокоду "ДР" -10%.
- Пирог недели со скидкой -30%.
3. Блок преимуществ
Блок должен наглядно представить ключевые преимущества сервиса. Предлагаемые пункты:
- Бесплатная доставка в случае опоздания.
- Среднее время приготовления заказа - 1,5 часа.
- Постоянные акции и выгодные комбо-предложения.
- Строгий контроль на всех этапах производства.
4. Каталог товаров
- Реализация в виде "бесконечной" ленты товаров или карусели с горизонтальной прокруткой.
- Фильтрация товаров по категориям с помощью вкладок (табов). Категории:
- Сладкие пироги.
- Мясные пироги.
- Рыбные пироги.
- Овощные пироги.
- Важная задача: Необходимо разработать оригинальный и привлекательный способ отображения фотографий товаров. Фотографии предоставляются на белом фоне. Требуется создать уникальную графическую подложку или композицию (например, с использованием геометрических элементов), чтобы визуально выделить товары. Стиль не должен копировать решения прямых конкурентов.
5. Подвал сайта (Footer)
- Дублирование основного меню (Главная, Каталог, Акции).
- Блок контактов:
- Номер телефона.
- Кнопка "Написать нам".
- Адрес компании.
- Ссылка "Схема проезда", при клике на которую открывается всплывающее окно с картой.
- Строка с копирайтом.
- Логотип компании.
Дополнительные указания
- Фирменный стиль (брендбук) отсутствует. Единственный предоставленный элемент - логотип.
- Дизайн должен быть современным, чистым и ориентированным на удобство пользователя.
- Все интерактивные элементы (кнопки, слайдер, табы) должны быть продуманы в состояниях (hover, active).