Необходимо нарисовать дизайн интернет-магазина оборудования и аксессуаров для самогоноварения, пивоварения, винопроизводства.
Страницы:
- Главная
- Страница Каталога
- Карточка товара
- Корзина
- Текстовая информационная страница
1. Главная страница состоит из:
1.1 Шапка – логотип, телефон, адрес, время работы, корзина, кнопка обратного звонка
1.2 Главное меню – Главная, О компании, Контакты, Доставка, Рецепты, Видео уроки, Статьи
1.3 Меню категорий – Расположено слева, включает категории 3 уровней вложенности. Основные категории – Самогоноварение, пивовариние, виноделье, Металлические емкости, и т.д. Каждая категория должна иметь свой значок – иконку. Категории раскрываются при нажатии на них. В каждой категории есть подкатегории, например, для Пивоварения – Приготовление сусла, Брожение, Охмеление. Каждая из этих категорий раскрывается еще в подкатегории, например, "Брожение" – Бродильные чаны, Пивные дрожжи, измерительные приборы, другое оборудование.
1.4 Контентная часть страницы (по центру) состоит из:
1.4.1 Баннер с акцией на всю ширину контентной части
1.4.2 Блок "Популярные товары". У каждого товара – название, фотография, цена, кнопка "Купить". У товаров могут быть шильдики – "Акция", "Рекомендуем", "Скидка". В случае товара со скидкой в шильдике указывается размер скидки в % (-30%), а так же 2 цены – старая зачеркнутая и новая. Блок товаров должен быть сделан в виде слайдера. высота – 2 товара.
1.4.3 Блок "Новинки" – аналогично блоку Популярные товары
1.4.4 Блок с текстом о магазине – несколько абзацев.
1.5 Футер – Логотип магазина, список пунктов главного меню, список пунктов основных групп каталога
2. Страница каталога – тоже самое, что в главной, кроме контентного блока. Контентный блок состоит из товаров, аналогично блокам "Новинки" и "Популярные товары" на главной странице. На странице должно быть размещено 50 товаров, внизу пэйджинация. Перед списком товаров должен быть горизонтальный мини-фильтр, где можно отсортировать по цене, а так же установить галочку "Товары со скидкой". При наведении на товар, он должен выделяться – например, как тут –
, но контент (фото и другие параметры) не должен меняться.
3. Карточка товара – контентная часть содержит: Главное фото слева сверху, под ним несколько дополнительных, справа от основного фото – заголовок, под ним цена, справа от цены кнопка "купить"
Под фото блок описания товара, который состоит из вкладок и контента. Вкладки:
1. Описание
2. Отзывы
3. Рецепты
4. Видео
При переключении вкладок в блоке описания меняется контент.
1. Описание – текстовый контент с заголовками, списками, картинками.
2. Отзывы – список отзывов: Имя, дата, фото, отзыв. Под списком – форма для отправки отзыва
3. Рецепты – список ссылок на рецепты приготовления, используя данное оборудование
4. Видео – видео с ютуба в столбик
Под блоком описания расположен блок сопутствующих товаров "С этим товаром выбирают".
Когда открыта карточка товара, в левом меню с категориями должны быть раскрыты категории, которые содержат данный товар, а подкатегория самого нижнего уровня выделена.
4. Корзина
Список товаров в корзине с возможностью изменения цены, общей стоимостью товаров и формой "оформить". Если у товара, который в корзине, есть скидка, то в списке должна отображаться старая перечеркнутая старая цена и новая.
Форма для оформления состоит из полей "Имя", "Телефон", "e-mail", "Адрес", "дополнительная информация" и кнопки "Оформить" .
Под кнопкой "Оформить" галочка "Я хочу получать информацию о новинках и акциях"