Сайт Swiss Diamond. Постраничный макет

Содержание

Слайд 2

ГЛАВНАЯ СТРАНИЦА

Элементы страницы:
шапка;
главная карусель баннеров до 5 шт.
баннеры со ссылками на категории

ГЛАВНАЯ СТРАНИЦА Элементы страницы: шапка; главная карусель баннеров до 5 шт. баннеры
товаров;
переключающаяся карусель новинок-хитов;
подвал.

Наведение курсора на товар увеличивает изображение

При клике на «хиты» карусели товаров переключаются, стрелки меняются местами

Слайд 3

СТРАНИЦА
КАТЕГОРИИ ТОВАРОВ

Элементы страницы:
шапка;
хлебные крошки;
Карусель баннеров со ссылками на конкретные товары
краткое описание категории

СТРАНИЦА КАТЕГОРИИ ТОВАРОВ Элементы страницы: шапка; хлебные крошки; Карусель баннеров со ссылками
– seo-оптимизированный текст;
кликабельные баннеры + ссылки на группы 1 уровня;
подвал.

Большой баннер ведёт на группу 1 уровня с наибольшим количеством товаров

Кликабельны и баннеры, и названия групп товаров, и ссылки «подробнее»

Слайд 4

СТРАНИЦА ТОВАРОВ
ГРУППЫ 1 (листинг)

Элементы страницы:
шапка;
хлебные крошки;
краткое описание группы товаров – seo-оптимизированный текст;
левое

СТРАНИЦА ТОВАРОВ ГРУППЫ 1 (листинг) Элементы страницы: шапка; хлебные крошки; краткое описание
меню с фильтрами по товарам группы 2;
каталог товаров с переходом в карточку;
переключатель страниц;
подвал.

Наведение курсора на товар увеличивает изображение

По умолчанию в группе 1 раскрывается ссылка «все товары». Навигация по каталогу осуществляется с помощью выбора конкретной группы 2-го уровня

Слайд 5

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

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

Слайд 6

Карточка товара
(все элементы)

Элементы страницы:
шапка;
хлебные крошки;
основные, обязательные фото;
наименование, артикул, краткое описание товара;
кнопки «подробнее»,

Карточка товара (все элементы) Элементы страницы: шапка; хлебные крошки; основные, обязательные фото;
«купить»;
точки продажи товара;
подробное описание товара;
блоки с дополнительной текстовой информацией и фотографиями;
блок с видео;
переключающаяся карусель новинок-хитов;
подвал.

По умолчанию при клике на кнопку «подробнее» открывается вкладка «описание»
Пользователь может переключаться между вкладками просто нажимая на них
Повторное нажатие на одну и ту же вкладку закроет блок

Дублирование карусели новинок-хитов с главной страницы, наведение курсора на товар увеличивает его, карусели переключаются кликом мышки по заголовкам

Слайд 7

Карточка товара
(все элементы)

При переходе в карточку товара блок с полным описанием закрыт.

Карточка товара (все элементы) При переходе в карточку товара блок с полным
Он открывается только когда пользователь кликает на кнопку «подробнее».

Слайд 8

Карточка товара
(без текстового рич-контента)

Так будет выглядеть карточка товара, если у нас нет

Карточка товара (без текстового рич-контента) Так будет выглядеть карточка товара, если у
дополнительной текстовой информации, но мы хотим показать, к примеру, ещё фото и видео.

Слайд 9

Карточка товара
(без рич-контента)

Так будет выглядеть карточка товара с закрытым и открытым полным

Карточка товара (без рич-контента) Так будет выглядеть карточка товара с закрытым и
описанием, если у нас нет рич-контента вообще.

Слайд 10

Карточка товара
без рич-контента и карусели новинок-хитов.
Таким образом, все блоки, кроме основных фото,

Карточка товара без рич-контента и карусели новинок-хитов. Таким образом, все блоки, кроме
краткого и полного описания, - опциональны. Они могут быть, а могут и отсутствовать.
Имя файла: Сайт-Swiss-Diamond.-Постраничный-макет.pptx
Количество просмотров: 46
Количество скачиваний: 0