Оригинальные навигационные и дизайнерские решения в интернет-магазинах, 8 примеров

В первую очередь, навигация в интернет-магазине должна быть удобной и интуитивно понятной. Это — основной принцип, которым руководствуется большинство разработчиков при создании интернет-магазина. В то же время, конверсия — превращение посетителей в покупателей — может быть выше, если навигационные и дизайнерские решения будут оригинальными, интересными и запоминающимися. В этом материале — примеры таких решений.Материал Eight Examples of Compelling Navigation on Ecommerce Sites Армандо Роггио (Armando Roggio)

Shicon

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

Zoomii Books

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

The Decoder Ring

В интернет-магазинеThe Decoder Ring продаются постеры, произведения (более-менее) современного искусства и т.п. На сайте нет подкатегорий, вариантов просматривать товары по автору, каким-либо образом сортировать их. Все, что есть, выдается в блоках при клике на титульные категории, причем между собой товары связаны весьма условно. Постраничная навигация вкупе с отсутствием явных связей между товарами «заставляют» посетителя просмотреть практически все, что есть в категории. The Decoder Ring, интернет-магазин постеров и пр.

MANKINDdog

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

Feel The Power

Feel The Power — интернет-магазин одежды, созданный абсолютно вне рамок. Интерфейс основан на цветовой дифференциации категорий, выбор товара — процесс полный движения. При этом вопроса «куда кликать дальше?» не возникает. Общее впечатление от посещения этого интернет-магазина дополняет музыка. Feel The Power, интернет-магазин одежды

Loworks Store

Loworks Store — интернет-магазин дизайнерской одежды и прочей дизайнерской всячины. Принципиально, навигация стандартна, положительно влияют на впечатления от посещения магазина умело использованный звук и сам дизайн. Loworks Store, интернет-магазин дизайнерской одежды и прочей дизайнерской всячины

PodShop

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

Dirty Coast

Dirty Coast — интернет-магазин одежды. Интересная находка — кнопки Next и Prev, то есть «следующий» и «предыдущий», на товарных страницах. Кнопки сопровождаются графическим фрагментом товара, на страницу которого они ведут. Хорошее решение, так как при таком подходе количество моделей, просматриваемых одним посетителем, увеличивается, следовательно, возрастает вероятность покупки — человек выбирает товар не из кучи подобных, ему (человеку) как будто подносят вещи одну за одной, и он может лучше их рассмотреть и принять взвешенное решение.   Dirty Coast, интернет-магазин одежды

Автор: Антон Терехов

Подписаться на новости

Читайте также

Пять объединяющих особенностей тысячи самых успешных посадочных страниц современности

Crayon, разведплатформа для маркетологов, отслеживает тысячи сайтов и страниц различных компаний, работающих на локальных и глобальных рынках. Особое внимание специалисты Crayon уделяют посадочным страницам, которых в современном вебе великое множество. Проанализировав 1000 самых успешных лендингов последнего времени, они выделили 5 особенностей, которые объединяют эти посадочные страницы и, вероятно, в немалой степени способствуют их высокой эффективности.

далее →

Когнитивные особенности проектирования интерфейсов

Расположенные рядом объекты воспринимаются пользователем как связанные — именно так звучит теория близости. Наряду с другими поведенческими паттернами этот принцип позволяет проектировать удобные, понятные и логичные интерфейсы.
Эксперты сервиса AskUsers разобрались, что это значит, как работает и каким образом скомпоновать элементы интерфейса так, чтобы они соответствовали принципам теории.

далее →

Какие изображения повышают конверсию сайта: на основе тестов

Изображения повышают конверсию сайта. На эту тему написано много статей. В основном приводят примеры сайтов из США. Мы решили на своем опыте протестировать разные изображения. Чтобы понять, когда конверсия выше.

далее →

Как избежать 10 ошибок в работе с цветом на сайте

Работа с цветом — важнейший навык любого веб-дизайнера. Грамотное владение им может принести сайту успех, а даже небольшая ошибка в создании гаммы доставить много хлопот в будущем. В этой статье специалисты сервиса AskUsers разберут 10 ошибок, которые дизайнеры допускают при работе с цветом на сайте, и расскажут вам, как их избежать. 

далее →

18 апреля / Комментарии

Правила оформления шапки интернет-магазина

Известно, что шапка является одной из главных составляющих интернет-магазина. Зачастую именно на нее посетитель обращает взгляд в первую очередь. В этой статье эксперты сервиса AskUsers поделятся приемами правильной компоновки шапки, расскажут как добиться того, чтобы посетитель обратил внимание на самую важную информацию, а не задавался вопросом “где тут вообще что?”.

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook