Задача
разработать практичный портал для интернет-магазина с широким ассортиментом
Решение
Чтобы выгодно представить весь набор товаров, продумываем структуру каталога, разбитую на тематические блоки-категории (SmartBox, BabyBox, HomeBox, OfficeBox, ActiveBox, GameBox). Каждый оформляем как самостоятельный сайт — со своим цветовым решением и уникальными элементами. Общая стилистика и функционал упрощает процесс покупок в разных «боксах», а визуальные акценты помогают быстро ориентироваться на сайте
Категории
Предусматриваем размещение интересных статей, новинок и рекомендаций для каждой конкретной категории. Меню с нишевыми подкатегориями реализуем в виде красочных плиток
Нюансы
Прорабатываем схожую функциональную часть, но добавляем дизайн-изюминки для разных блоков. Например, в «боксе» с продукцией для детей появляются забавные элементы, а по футеру «проезжает» жираф
Карточка товара
Стремясь к целостности структуры сайта, разрабатываем единую карточку товара. С помощью вкладок и ярких акцентов помогаем пользователю перемещаться по контенту. Добавляем возможность следить за ценой, сохранить список желаемых товаров или сделать сравнение. Кнопки «Купить» в каждом боксе — разного цвета
Просмотренные
Чтобы помочь подобрать нужный товар, мы решили создать специальный раздел. В нем собирается информация о позициях каталога, просмотренных пользователем во всех «боксах». Стилизованную кнопку для перехода в раздел размещаем в видном месте главной страницы. Посетитель может фильтровать свои просмотры по категориям и «боксам». Между товарами органично вписываем блоки с дисконтными предложениями или рекламой
Дашборд
Для личного кабинета создаем плиточный дашборд. Зарегистрированный пользователь своими действиями на сайте предоставляет магазину все больше информации о своих интересах, предпочтениях, склонностях. Для того, что может пригодиться, стараемся предусмотреть отдельную плитку. Здесь можно отслеживать статус заказа и количество накопленных бонусов, получать сообщения об акциях и скидках, сохранять историю активности. Структура помогает оставлять на виду полезную информацию
Наступний проект Кolechko.ua