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

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

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

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

Вариант 1

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

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

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

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

или

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

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

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

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

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

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

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

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

• блоки «последние новости + текст о компании»;

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

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

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

Результат

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