Пермь, ул. Пермская (Кирова), 70. Офис 209
(342) 200-99-96
Сайт
Меню

Дизайн модульного решения интернет-магазина

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

Как же строится дизайн страницы?

Верхняя части страницы (шапка и меню)

Вариант 1

Основное предназначение сайта — продажи, и каталог — это главная рабочая составляющая ресурса. У компании много часто меняющихся специальных предложений, важно сразу же показать пользователям весь ассортимент товара и вовлечь их в процесс покупки прямо с главной страницы. В этом случае решением может быть вертикальное меню, в котором верхний уровень каталога сразу раскрыт, а при клике можно увидеть всю структуру категорий. Дополнительное меню в таком магазине необходимо в большей степени для информации об обслуживании, ссылки из него ведут на страницы с информацией о доставке, оплате, гарантиях.

шапка1.jpg

Варианты 2, 3, 4

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

шапка3.jpg



С раскрытым меню


витрина2-меню1.jpg


или


шапка2.jpg


с раскрытым меню


витрина-меню1.jpg


вариант с текстовой областью


шапка4.jpg


Основные блоки страницы:

На главной странице могут быть представлены следующие блоки:

  • блок категорий товаров, где выводятся отмеченные администратором основные категории магазина;

категории.jpg
  • блок отмеченных администратором товаров, который может быть назван «Новинки», «Лидеры продаж» или любым другим словом;

товары.jpg
  • блок выполненных проектов (если на сайте есть разделы типа «Проекты», «Портфолио»);

проекты.jpg
  • блок обзоров (при наличии на сайте соответствующего раздела);

обзоры.jpg
  • блоки «последние новости + текст о компании»;новости и о компании.jpg

тексты.jpg

Модульные блоки могут комбинироваться в любом порядке и повторяться при необходимости.

«Подвал» страницы

Вариант 1: два текстовых блока и ссылки на социальные сети

подвал1.jpg


Вариант 2: дублирование основного навигационного меню и ссылки на социальные сети

подвал2.jpg


Результат

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

магазин.png витрина.png  витрина2.pngвитрина каталог.png