Интернет магазин продажи роллов

[lFedor1984l]

Структура сайта

Сайт должен состоять из следующих разделов:

1. Общие сведения (главная страница);
2. Меню. (Варианты покупаемой продукции);
3. Адреса магазинов;
4. Новости;
5. Акции

Карта сайта:

1. Главная страница:

- Header:

Логотип;
Выбор города для заказа\бронирования столика;
Меню навигации;
Кнопка бронирования столика\Заказа;
Корзина;
Вход\Регистрация;

- Главная секция:

Слайдер с акциями;

- Секция с рекомендациями заказа( Что часто выбирают):

Карточки товара;

- Секция информации о магазине:

Статьи и особенности магазина;
Фото

-Footer:

Логотип;
Меню обратной связи;
Дополнительное меню;
Ссылки(иконки) на социальные сети;
Города обслуживания;
Меню товаров;
Коопирайты и политика конфиденциальности;

2. Меню:

- Header:

Логотип;
Выбор города для заказа\бронирования столика;
Меню навигации;
Кнопка бронирования столика\Заказа
Корзина
Вход\Регистрация

- Aside:

Меню товаров;

- Секция поиск:

Поле поиска;

- Главная секция:

Карточки товаров;

-Footer:

Логотип;
Меню обратной связи;
Дополнительное меню;
Ссылки(иконки) на социальные сети;
Города обслуживания;
Меню товаров;
Коопирайты и политика конфиденциальности;

3. Адреса магазинов:

- Header:

Логотип;
Выбор города для заказа\бронирования столика;
Меню навигации;
Кнопка бронирования столика\Заказа
Корзина
Вход\Регистрация

- Секция интерактивной карты:

Интерактивная карта;

- Aside:

Выбор города;

- Главная секция:

Карточки пунктов продаж;

-Footer:

Логотип;
Меню обратной связи;
Дополнительное меню;
Ссылки(иконки) на социальные сети;
Города обслуживания;
Меню товаров;
Коопирайты и политика конфиденциальности;

4. Новости:

- Header:

Логотип;
Выбор города для заказа\бронирования столика;
Меню навигации;
Кнопка бронирования столика\Заказа
Корзина
Вход\Регистрация

- Главная секция:

Карточки новостей;

-Footer:

Логотип;
Меню обратной связи;
Дополнительное меню;
Ссылки(иконки) на социальные сети;
Города обслуживания;
Меню товаров;
Коопирайты и политика конфиденциальности;

4. Акции:

- Header:

Логотип;
Выбор города для заказа\бронирования столика;
Меню навигации;
Кнопка бронирования столика\Заказа
Корзина
Вход\Регистрация

- Главная секция:

Карточки акций;

-Footer:

Логотип;
Меню обратной связи;
Дополнительное меню;
Ссылки(иконки) на социальные сети;
Города обслуживания;
Меню товаров;
Коопирайты и политика конфиденциальности;

Дизайн.

Стиль сайта - современный, деловой. В качестве фонового цвета
рекомендуется использовать белый и черный.
Оформление не должно ущемлять информативность: хотя на сайте и должно быть
довольно много графики, он должен быть удобен пользователям в плане навигации и
интересен для многократного посещения.

Шапка сайта.

Шапка сайта должна содержать логотип,
а также контактную информацию. Логотип является ссылкой на главную страницу сайта.

Кнопка бронирования столика\Заказа.

Открывает пуш-окно с инпутами выбора адреса магазина, даты бронирования, времени бронирования, количество человек на, которых осуществляется бронь, имя того кто бронировал, его телефон, поле для дополнительного комментария, кнопку для подтверждения бронирования.

Корзина.

Включает в себя, количество доставок, регулируемое кнопками + и -, выбранный товар, его название, количество и кнопки + и -, возможность заказать приборы, кнопки для регулирования количества приборов + и -, кнопку для очистки корзины. Так же указывается общая стоимость с учетом выбранного количества доставок, товара и приборов. Кнопка продолжить открывает окно для указания, способа доставки, времени доставки, адреса\адресов, поле для дополнительного комментария.
Далее при нажатии на кнопку "Продолжить" открывается окно оплаты.

Профиль.

Включает в себя, личные данные (телефон, имя, почту, адреса доставок), историю заказов, промокоды, данные для регистрации банковской карты.

Основное и боковое меню

Основное меню должно располагаться в header и содержать
ссылки на все разделы первого уровня.
Боковое меню должно располагаться в левой части окна и содержать ссылки на разделы, связанные тематически с
текущим для выбранного раздела первого уровня.

Основное поле контента

Основное поле контента должно располагаться в центре страницы. В этом поле
отображается основное содержание выбранного раздела. Стилевое оформление
материалов и их элементов, должно быть единым для всех страниц веб-сайта.

Карточка товара.

Карточка должна содержать фото товара, название, его цену, вес порции, кнопку заказа.
При клике на карточку, должна открываться страница с подробным описание, выбранного товара и содержать фото, название, подробное описание состава, цену, кнопку заказать, подробный расчет БЖУ и ккал. В верхней части рекомендовано реализовать "хлебные крошки" для удобства навигации по выбранному разделу.

Карточки пунктов продаж.

Карточки пунктов продаж должна содержать фото магазина, название, адрес и кнопку для перехода на подробное описание магазина. Подробное описание включает в себя слайдер с фотографиями магазина, название магазина, адрес, время работы, кнопка для бронирования, кнопка для отзыва, подробное описание как найти магазин, находясь по его адресу, телефон магазина.

Карточки новостей.

Карточки новостей должны содержать, фото новости, превью новости, число добавления, кнопку для открытия пуш-окна.
Пуш-окно, включает в себя фото новости, заголовок новости, число добавления, подробное описание новости. Кнопку закрытия пуш-окна

Карточки акций.

Карточки акций должны включать в себя фото, превью акции, кнопку для открытия пуш-окна.
Пуш-окно включает в себя, фото, заголовок акции, подробное описание акции. Кнопку закрытия пуш-окна.

Компоненты:

1. header;
2. footer;
3. Главная секция;
4. Меню;
5. Карточка товара;
6. Карточка новостей;
7. Карточка акций;
8. Карточка пунктов продаж;
9. Страница с описанием товара;
10. Страница с описание магазина;
11. Пуш-окно новости;
12. Пуш-окно акции;
13. Бронирование столика;
14. Корзина;
15. Ссылки(иконки) на социальные сети;