Образовательный центр
интернет профессий
Навигация по статье
Магазин лекарств от Очень Важных Проблем Виртуальный магазин Теда Бейкера Интернет-магазин модной одежды Fat Face Магазин Zara Магазин Pull & Bear Книжный магазин Mendo Магазин музыкальных товаров B&O Play Бренд одежды для игры в гольф Brickfielder Магазин современной одежды Whistles Магазин спортивного белья Bjorn Borg Дизайнерская мебель Mack
Маркетинг

Навигация интернет-магазина: 11 необычных примеров

28441

Все мы знаем, как выглядит типичный Интернет-магазин. Но кто сказал, что запрещено экспериментировать?

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

По данным агентства Econsultancy более удобная, продвинутая навигация интернет-магазина приносит на 22% больше продаж. 

Итак, смотрим и берем на вооружение самые крутые примеры.

Магазин лекарств от Очень Важных Проблем

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

Например, здесь предлагают пилюли, которые превратят вас в мистера Грея из «50 оттенков серого»:

Пример навигации интернет магазина лекарств

 

Забавно и запоминается на 100%.

Виртуальный магазин Теда Бейкера

«Даешь реальность в виртуальности!», — подумал Тед Бейкер и открыл настоящий магазин в Интернете. Главная страница — 360-градусная панорама, позволяющая посетителям прогуливаться между рядов с одеждой. 

Пример навигации интернет магазина Теда Бейкера

 

Можно зайти вглубь помещения, а если что-то приглянется из вещей, достаточно просто кликнуть и предмет окажется в корзине. 

Интернет-магазин модной одежды Fat Face

Стоит только навести курсор на какую-нибудь вещь:

Пример навигации интернет магазина Fat Face

 

Как она окажется в отдельном увеличенном окне. Можно сразу выбрать цвет, размер и добавить вещь в корзину. 

Еще один пример навигации интернет магазина Fat Face

Магазин Zara

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

Пример навигации интернет магазина Zara

 

Но вскоре загружаются все возможные результаты поиска. Например, на слово карман:

Еще один пример навигации интернет магазина Zara

 

В Zara считают: поиск и выбор одежды — это не то же самое, что выбор телевизора по каталогу. На выбор одежды влияет вдохновение, порыв, импульс. Поэтому функция поиска не должна быть второстепенным инструментом. 

Правда, есть в этом подходе и небольшой минус: исчезающий контент может напугать посетителя — вдруг он подумает, что сайт банально сломался?

Магазин Pull & Bear

Похоже, та же самая команда дизайнеров поработала над сайтом молодежной одежды Pull & Bear. Отличие в том, что, как только вы вводите название товара в строку поиска, сайт сразу же предлагает несколько вещей:

Пример навигации интернет магазина Pull Bear

 

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

Книжный магазин Mendo

У каждого товара несколько страниц в описании. Но на каждой странице висит кнопка «Добавить в корзину». Очень удобно — не нужно возвращаться назад, к самому началу.

Пример навигации интернет магазина Mendo

Магазин музыкальных товаров B&O Play

На главной странице фоном играет красивое видео, пока вы скроллите в своем темпе и просматриваете товары. 

Пример навигации интернет магазина B&O Play

Бренд одежды для игры в гольф Brickfielder

Преимущества товара показаны с помощью интерактивной карты в духе шпионских боевиков. Очень впечатляет.

Пример навигации интернет магазина Brickfielder

Магазин современной одежды Whistles

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

Пример навигации интернет магазина Whistles

Магазин спортивного белья Bjorn Borg

Идея очень простая: при пролистывании назад и вперед продукты со светоотражающими свойствами отражают свет прямо на экране. 

Пример навигации интернет магазина Bjorn Borg

Дизайнерская мебель Mack

Здесь использован знакомый прием — при наведении курсора на товар сразу же видна цена и кнопка «Добавить в корзину». При желании можно купить всю комнату целиком. 

Пример навигации интернет магазина Mack

 

Как видите, в дизайне интерфейсов нет предела совершенству. Используйте эти приемы, экспериментируйте и высоких вам продаж!

Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто
Опубликовано редакцией Yagla
28441
0
Обсуждаемое

Как эффективно использовать автостратегии в контекстной рекламе: практические рекомендации eLama Статья

Автостратегии представляют собой выверенный способ управления рекламными кампаниями. При этом цели задает сам человек, а управляют ставками и показами рекламных объявлений непосредственно алгоритмы.

Как победить прокрастинацию на удаленке и фрилансе: 7 простых способов Статья

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

Как создать эффективную систему маркетинга и продаж: лайфхаки Dialweb.ru Статья

Разберем важную тему для любого бизнеса или предпринимателя – эффективная система продаж и маркетинга. Немного поговорим про тренды и про то, как создать ту самую систему в работе отдела продаж.
Свежее

Что такое подкаст, зачем он нужен бизнесу и как его запустить Статья

Подкаст — это еще один популярный способ создания контента, не выходя из дома. Если есть минимальные навыки и некоторое оборудование, можно запустить собственное шоу и транслировать его всему миру.

Топ-10 сервисов для управления проектами: выбираем лучший таск-менеджер для бизнеса Статья

Сервисы управления проектами помогают организовать работу команды, упорядочить задачи и повысить продуктивность сотрудников. Подобных систем много, мы выбрали лучшие и составили рейтинг.

10 ошибок, которые убьют ваше экспертное видео Статья

Многие эксперты допускают эти ошибки и теряют аудиторию. Но их легко избежать — мы в студии видеопродакшена Videoset-insta собрали подборку советов, которые помогут вам записать качественное экспертное видео даже в домашних условиях.