забилити, веб-дизайн, коммерция
Юзабилити

Электронная коммерция: 10 лучших страниц с продукцией

Автор: Аслан Патов27.02.2015

В пестром мире электронной коммерции ни один сайт непохож на другой, но тем не менее у каждого из них много общего.

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

Критерии

Для внесения ясности нелишним будет упомянуть о том, по каким параметрам оценивали сайты:

  • Отзывы пользователей. Некоторые исследования указывают на то, что пользовательские отзывы и рецензии в среднем на 18% увеличивают объемы продаж.
  • Up-selling (маркетинговая стратегия, заключающаяся в продаже более дорогой версии товара) и кросс-продажи.
  • Крупные изображения в высоком разрешении. Объемные изображения способствуют повышению коэффициента кликов и конверсии.
  • Угол обзора 360°.
  • Заметные, яркие элементы из категории «призыв к действию». Такие элементы должны бросаться в глаза и развеивать любые сомнения относительно того, каким должен быть следующий шаг пользователя, чтобы сделать покупку.
  • Промовидео. Во время исследования организации Ariat обнаружилось, что у посещений с просмотром видеосюжетов уровень конверсии был более чем в два с половиной раза выше, нежели у посещений без просмотра видео.
  • Доступные сведения о доставке / возврате продукции. Сокрытие информации о цене доставки считается главной причиной того, что пользователи прекращают оформление заказа.
  • Детальное описание продукции. Преимущества уникальных описаний продукции вполне очевидны. Во-первых, это позволяет избежать наказания от Google за дублирование контента. Во-вторых, это еще и дополнительная коммерческая возможность.
  • Информация о наличии товара. Очень разочаровывает ситуация, когда клиент добавляет товар в корзину лишь за тем, чтобы обнаружить отсутствие товара на складе.

Staples

Отзывы клиентов – существенный генератор продаж. Компания Staples, в соответствии с принципами интернет-маркетинга, размещает их на своем сайте. Возможно, эти отзывы проплачены. Или представители компании как-то по-другому стимулируют пользовательскую активность в разделе комментариев. Но как бы то ни было, даже у такого незамысловатого товара, как печатная бумага, более двух тысяч отзывов. Примечательно, что Staples не избегает критики – на каждой странице товара рядом с самым полезным комментарием можно прочесть и критический отзыв.

юзабилити, веб-дизайн, ecommerce юзабилити, веб-дизайн, ecommerce

Помимо прочего, присутствует масса другой полезной информации: детальное описание продукции, инструмент «вопрос-ответ», плюсы и минусы каждой продукции.

Office Depot  

Страницы, на которых представлена продукция Office Depot, далеки от совершенства. В частности, это касается изображений. Но нельзя не отметить ряд позитивных моментов. К примеру, прекрасное описание преимуществ продукции. «Подушка кресла немного наклоняется, уменьшая тем самым нагрузку на ваши ноги» – такое предложение гораздо эффективнее ожидаемого перечисления технических подробностей и цифр. Компания продает сопутствующие товары с помощью рекомендаций. Для этого предусмотрены следующие инструменты: «Хиты продаж» и «Клиенты, которые просматривали этот элемент также обратили внимание на…».

юзабилити, веб-дизайн, ecommerce

 L.L. Bean

На сайте ритейлера L. L. Bean присутствует множество интересных элементов. Такой элемент как «призыв к действию» явно выделяется на фоне остальных. В описании продукции вместо перечня специфических деталей указываются конкретные преимущества для клиента. Удачно используются рекомендации – раздел под названием «You might also consider» (Возможно, вас заинтересует); присутствует элемент «Buy together» – хороший способ продать комбинацию товаров.

юзабилити, веб-дизайн, ecommerce

 

Подбор изображений, к сожалению, не впечатляет; когда пользователь меняет цвет продукции, соответствующее фото не появляется. Информация о бесплатной доставке представлена недостаточно наглядно.

Victoria’s Secret

Victoria’s Secret – хороший пример простого дизайна, где присутствует много белого пространства. Беспорядок сведен к минимуму, поэтому информация легко усваивается. И на белом фоне невозможно пропустить призыв к действию, выполненный в розовом цвете.

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

юзабилити, веб-дизайн, ecommerce

юзабилити, веб-дизайн, ecommerce

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

Saks Fifth Avenue

Saks работает сразу по нескольким направлениям интернет-маркетинга, в частности:

  • четкий призыв к действию
  • отзывы
  • уникальное описание
  • изображения

Этот ресурс – очередной пример того, как использовать видео; под многими вещами присутствует кнопка «play», после нажатия на экране всплывет дефилирующая по подиуму модель.

юзабилити, веб-дизайн, ecommerce

Видеосюжет дает возможность заметить/продемонстрировать некоторые нюансы товаров, которые недоступны при просмотре изображений, отсюда и повышение конверсии.

Foot Locker  

Foot Locker – еще один сайт, разработчики которого являются поклонниками белого цвета. Яркий красный призыв к действию и подходящая рекомендация.

юзабилити, веб-дизайн, ecommerce

На сайте Foot Locker присутствуют масштабируемые изображения, которые могут заполнить весь экран.

Estee Lauder

Расположение страниц на сайте Estee Lauder выглядит несколько неуклюже. Но то, как представлено видео, заслуживает всяческих похвал. Например, в разделе «Blush Brush» можно найти советы, как обращаться с товаром, попутно обнаружив элемент апселлинга (предлагается дополнительная продукция, для тех, кто хочет выглядеть идеально).

юзабилити, веб-дизайн, ecommerce

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

Build.com 

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

юзабилити, веб-дизайн, ecommerce

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

Net-A-Porter

Net-A-Porter – еще один ритейлер, который использует незамысловатый дизайн страниц с продукцией. Хороший, соответствующий бренду копирайт. Яркий текст описания в разделе «Editor’s notes».Изображения, рекомендации и видео присутствуют практически для каждого элемента.

юзабилити, веб-дизайн, ecommerce

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

Amazon

Отсутствие в этом списоке сайта Amazon следовало бы счесть за бестактность.

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

Главная из них – это, пожалуй, отзывы. Метод перекрестных продаж применяется весьма продуманно (и не слишком навязчиво). Один из последних примеров рекомендаций: «Customers Viewing This Page May Be Interested in These Sponsored Links» (Клиентов, посетивших эту страницу, могут заинтересовать ссылки спонсоров).

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

юзабилити, веб-дизайн, ecommerce

 

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Аслан Патов
Создатель проекта.
Комментарии
Оставить отзыв

You must log in to post a comment