21 пример e-commerce сайтов с UX новшествами в дизайне
E-commerce сайты уже начали в широком масштабе проявлять признаки зрелости, становясь более изящными и динамичными. Это пример того, как продающий сайт реагирует на современные тенденции развития интернет-бизнеса. Новые технологии, такие как HTML5, CSS3 и jQuery вносят что-то новое в опыт пользования сайтами электронной коммерции. В результате мы можем видеть совершенно потрясающие решения на примерах новых дизайнов интернет магазинов.
Но сначала первое предостережение — к этим ecommerce решениям можно применить безжалостную критику с практической точки зрения. Например, недостаточно информации в карточке товара или вы заметите, что в полях поиска используются крошечных размеров шрифты. Также достаточно спорных вопросов по юзабилити.
Во вторых e-commerce сайты это, прежде всего достоверные данные: о товаре и его наличии, характеристиках товара, фото, информация о скидках и прочие описания. Когда влияющие на конверсию данные не тестируются, то скорее всего, нуждаются в этом. То, что подходит для одного бренда, может не работать также хорошо для других.
Отбросим все это — команда e-commerce инноваторов, рискнувших раздвинуть границы привычного в интернет коммерции, заслуживает признания. Правила иногда кем-то нарушаются, а новшествам часто дают поддержку — даже когда они и не решают всех задач.
Давайте посмотрим на эти примеры e-commerce сайтов, сделавших попытку внести разнообразие в интернет-бизнес. Их новые идеи заслуживают внимания даже за этот небольшой вклад в развитие электронной коммерции и улучшение UX-дизайна (User eXperience Design).
1. Jack Jones
Кластерные решения и агрегирование по группам однородных товаров — популярный тренд в современной интернет торговле. Создание полных комплектов товаров, сгруппированных по их принадлежности вместо разрозненного их представления покупателям, стимулирует сбыт товаров повышенной стоимости. У Jack Jones есть свои идеи, как помочь покупателям определиться с деталями своего образа, поиграв с разными группами изделий.
2. Shop Rivegauche
Рив Гош (онлайн-магазин косметики и парфюмерии) добавлен в коллекцию удобных для пользователей дизайнов интернет-магазинов, также, за свой функционал. Расширенный поиск, сортировка по брендам, параметрам, типам товара. Элемент TrackBar, с линейной числовой шкалой: при помощи двух ползунков устанавливается нужный ценовой диапазон.
7. Soulland
Много фонового видео на сайте: начиная от главной и до страниц товаров. Переусердствуй дизайнер и получится путаница, но поддержка необходимого баланса делает страницы более оживленными. Также, удачно оформлена обработка ошибок добавления товара в корзину (без выбора размера).
8. Protest
Lookbook – это фото подборка стильных образов. Своеобразный способ привлечь покупателей с реализацией, тут же, этой линейки товаров. Буквальный перевод «заказывать образ». На этом e-commerce сайте для любителей серфинга, вэйкбординга (вейк) и сноубордистов, lookbook посвящен коллекции одежды для серфингистов. Большие изображения и выдвижное боковое меню с единицами товаров, показанных на этой странице. Остается только оформить заказ понравившегося изделия.
9. Vertty
Очаровательный сайт по продаже одного товара — пляжного полотенца с символичной формой на основе треугольников. На главной странице карусель из видов товара с возможностью подобрать свой любимый цвет.
Оригинальное решение с совершением покупки по кнопке «get yours» — цвет логотипа инвертируется на белый, а фон страницы меняется в соответствии с цветом выбранного товара.
10. Bellroy
Bellroy проводит компанию «Сделай свой бумажник компактным». Под стать призыву и продающий дизайн – удобный, лаконичный, с приятной контрастной типографикой. Структурированность меню и функциональная простота располагают к просмотру товара: от футляра для кредитных и дисконтных карт до туристического кошелька-органайзера.
11. House of Fraser
После недавней доработки и модернизации онлайн-магазин House of Fraser выглядит очень неплохо. Использование инновационной технологии True Fit, позволяет магазину минимизировать возвраты товара, помогая потребителю подобрать подходящий размер.
13. Colette Malouf
Исключительно чистый e-commerce сайт в черно-белых тонах с супер минималистичным дизайном.
15. KitchenAid
У этого онлайн-магазина бытовой техники для кухни — очень полезный для пользователей функционал: использование фильтров в поиске товаров, предложения сопутствующих товаров (например, технологические оснастки и приспособления), показ недавно просмотренных товаров с их ценниками, спецификации, мануалы, сравнения, рейтинги и многое другое.
17. Folk
Динамика фоновой картинки сразу воодушевляет любого, попавшего на этот e-commerce сайт. Необычность подхода — вместо рекламных призывов на странице первого экрана пользователя встречает фото-бэкграунд, вызывающий воспоминания о времени своего авто-путешествия. Важно, что дизайн и оформление остальных страниц и далее не разочаровывают пользователей сайта и не препятствуют его удобному просмотру.
18. Greats
Эти кроссовки можно покрутить с помощью мыши.
19. Luvd
Мягкий и приятный продающий дизайн с анимированным пользовательским интерфейсом, много выразительных оптимистичных фотографий, фото-бэкграундов, полноэкранных видео и крупных призрачных кнопок. Логотип и разделы в ликом меню, по размерам шрифтов выглядят намного скромнее заголовков в блоге и продуктовых наименований.
20. Wild Berries
Опция быстрого просмотра может служить альтернативой переходу на внутреннюю страницу. Находясь в каталоге, вы можете увидеть возможные расцветки товара на моделях, а в диалоговом окне уже сами параметры модели (Определите свой размер). Возможен видео-ролик и есть дополнительное описание, выпадающим списком. Другие полезные опции: фильтр по стилям, брендам, другим параметрам и TrackBar с двумя бегунками для выбора товара в определенном диапазоне цен. Подобные удобства просмотра или получения нужных результатов поиска — пример лучшего удовлетворения потребностей клиентов и хорошего UX-дизайна для интернет-магазина.
21. Nasty Gal
Магазином «скверная девчонка» завершим обзор UX-дизайнов в электронной коммерции. Под соответствие пользовательским ожиданиям Quick view, LookBook, управление с клавиатуры, фильтрация товара и TrackBar. Функциональный, легкий в пользовании e-commerce сайт.
Они решили не перегружать главную своего сайта лишним текстом здесь только фото уникальных двухколесных механизмов.
xrjzwf