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