Карточка товара в интернет-магазине на примере Lamoda.ru, otto.ru, kupivip.ru и wb.ru (часть 1) | Полезные статьи СайтАктив

Карточка товара в интернет-магазине на примере Lamoda.ru, otto.ru, kupivip.ru и wb.ru (часть 1)

Карточка товара в интернет-магазине на примере Lamoda.ru, otto.ru, kupivip.ru и wb.ru (часть 1)

Любой интернет-магазин — это огромное количество карточек товара, которые должны:

  • выгодно демонстрировать товар;
  • отвечать на все возможные вопросы посетителя, необходимые для принятия решения о покупке;
  • не отвлекать покупателя интернет-магазина от выбора товара;
  • правильно передавать внутренний вес на категории или другие карточки товара;
  • стимулировать к кросс-продажам;
  • обеспечить понятную и удобную навигацию по остальным разделам сайта, если карточка товара была точкой входа на сайт;
  • стимулировать к покупке :)

Разберем как эти вопросы решают участники ТОП-30 интернет-магазинов России (по итогам 2014 года, источник: kommersant.ru): www.lamoda.ruвнешняя ссылка, www.otto.ruвнешняя ссылка, www.wb.ruвнешняя ссылка и kupivip.ruвнешняя ссылка:

ТОП-30 интернет-магазинов России по итогам 2014 года

Для того, чтобы все проекты были в равных условиях будем рассматривать одинаковые товары в категории «Платья», которая присутствует у всех рассматриваемых интернет-магазинов.

Мы сознательно не приводим технические параметры домена?, показатели самого сайта, мета-тэги? и другую информацию. Цель данного анализа — оценить и сделать выводы о применяемых решениях в организации карточки товара интернет-магазина.

Общий момент для всех рассматриваемых проектов проявился сразу при открытии сайтов: предложение оставить свою почту и указать при этом пол, а за это предлагается скидка в 500 руб. на покупку. Очевидно, что  активно используется e-mail-маркетинг и вовлечение в рассылки, которые имеют конверсию сопоставимую с конверсией сайта?, а иногда и выше.

Карточка товара на примере интернет-магазина OTTO.ru

Шапка страницы

Рассматривать будем товар «Платье и джерси Aniston» (http://www.otto.ru/product/10036237692/...)внешняя ссылка.

Товар «Платье и джерси Aniston»

Что интересного есть в шапке: 

  • Логотип является ссылкой на главную страницу интернет-магазина.
  • Строка поиска, которая помогает осуществлять поиск, показывая подсказки на вводимые символы из категорий товаров (1) и из типов товаров (2). Конечно подсказка "Платье в Мужчинам" или "Платье в Детям" сомнительно поможет, но как решение учесть можно:

    Строка поиска

  • Контактный телефон - почему-то московский, а не 8-800.
  • Меню реализовано выпадающим списком, как и у 100% рассматриваемых конкурентов. При этом содержит только товарные категории без общих информационных разделов.
  • Корзина достаточно хорошо акцентирует внимание на количестве товаров в ней за счет выделения этого самого количества. Решения у конкурентов более блеклые и менее заметные. Вроде ничего необычного не замечено, кроме:
  • Ссылка на подписку самый верхний элемент на странице, хорошо заметный за счет анимированной иконки. Возможно, именно это дает проект существенно бОльший трафик с e-mail - рассылок чем у конкурентов

    Ссылка на подписку

    Что при средней посещаемости около 700 000 посетителей в месяц дает около 15 000 переходов на сайт в месяц, что довольно неплохо, поскольку даже при конверсии 1% это даст около 150 заказов. При среднем чеке в интернет-магазинах одежды в 2 500 руб. этот трафик дает оборот ≈ 375 000 руб./мес.

  • Хлебные крошки имеют достаточно интересное решение, а именно: ярко выделена категория, товар из которой мы просматриваем и при этом указано количество доступных в ней товаров, список доступных в направлении «Женщинам» категорий выводится выпадающим меню, что дает возможность в 1 клик сменить категорию товаров.

В целом: все лаконично, без излишеств, можно даже сказать — минималистично.

Опускаемся ниже.

Контент-зона карточки товара otto.ru

Экран 1:

Контент-зона карточки товара otto.ru

Разберем по частям все элементы первого экрана:

  • Noindex, nofollow ни один элемент или фрагмент текста не закрыт от индексации поисковиков.
  • Ссылка «назад к обзору» позволяет перейти на уровень выше по структуре каталога и увидеть все товары из этой же категории.
  • Основная информация о товаре (1) - разбита на вкладки. Скорее всего это сделано для сокращения и без того длинной страницы: основная информация не открытой по умолчанию вкладке, дополнительная, при необходимости, тоже доступна, причем доступна в 1 клик.
  • Навигация по товарам (2) вот это достаточно интересный элемент: с одной стороны он позволяет переходить на другие товары из категории не возвращаясь к списку товаров, с другой стороны этот элемент показывает место просматриваемого товара на странице списка с учетом назначенной сортировки. Т.е. если мы на странице списка товаров в любой категории поставим, например, сортировку по убыванию цены, и перейдем в карточку 5-го товара на странице, то в данной навигации будет выделена цифра 5:

    Навигация по товарам

    Удобно и наглядно.

  • Фото товара. качественные фото высокого разрешения, подготовленные своими силами. Обычно несколько ракурсов + макросъемка для понимания фактуры материала (работает на тактильные ощущения покупателя). Естественно, есть ЗУМ. Однако, есть и уникальный «полноэкранный ЗУМ»: удобно, уникально, интересно. В нашем примере карточка товара содержит 8 (!)  изображений, при этом лишних среди них не замечено.
  • Бренд-производителя (3) является ссылкой на страницу всех товаров данного бренда. Удобно.
  • Описание товара с дублирующей полуссылкой на вкладку «детальная информация о товаре».
  • Полуссылка на таблицу типовых размеров
  • Калькулятор размеров (5) мощный и многошаговый инструмент для подбора размера точно по фигуре, ее размерам и особенностям телосложения. Уникальный в пределах рассматриваемых конкурентов.
  • Цена товара и стоимость доставки позволяют сразу прикинуть конечную стоимость покупки. Детали можно уточнить кликнув по ссылке «+ доставка от 279 руб.».
  • Блок полезных для пользователя полуссылок: Пометить, Рекомендовать, Отправить новый отзыв, Печать.
  • Блок допонительных сервисных услуг для данного товара.

Контент-зона в описании товара не содержит ни одной ссылки (кроме ссылки с логотипа бренда-производителя и постраничной навигации по товарам), уводящей посетителя из карточки товара. Т.е. 90% информации в карточке показывается с помощью JavaScript или всплывающих окон.

Экран 2:

Контент-зона

Разберем что интересного есть на втором экране:

  • Блок кросс-продаж, содержащий товары с признаком «рекомендуемые к данному» и «похожие товары». Реализовано тоже вкладками. При этом внутри блока есть интерактивный скролинг, который позволяет листать товары внутри вкладки и одновременно с этим происходит выделение центрального товара выборки. Можно поиграться :)
  • Подсказки, возможно, от RetailRocket, а возможно, и от собственной аналогичной системы, которые помогают упростить выбор товаров в комплект, на основе ранее оформленных заказов. В случае с бытовой техникой или электроников эти подсказки более очевидны, в случае одежды они имеют меньшую силу, тем не менее, есть дополнительный повод перейти в заинтерсовавшую карточку другого товара, а значит удержать покупателя на сайте. 
  • Дубль постраничной навигации, которая расположена и в верхней части страницы — возвращает пользователя, долиставшего карточку до самого низа к просмотру других товаров из этой же категории.

Экран 3:

Содержимое третьего экрана можно всецело отнести к футеру, поскольку его содержимое не меняется на различных страницах.

футер

Что осталось на конец страницы:

  • Преимущества покупки в otto.ru (1) блок с иконками и небольшим поясняющим текстом. Долиставшие до подвала страницы покупатели, обязательно ознакомяться как минимум с заголовками преимуществ.
  • Подписка на рассылку (2) - второй раз на странице.
  • Блок вывода на контакт с несколькими способами связи. Очевидно, что из блока (1) убрано упоминание о времени работы и перенесно ближе к контактам для связи, чтобы стимулировать к обращению в любое время суток.
  • Блок ссылок, который содержит ссылки на общие разделы, необходимые только очень любопытным покупателям. В шапке интернет-магазина данных ссылок не предусмотрено.

Выводы по карточке товара интернет-магазина OTTO.RU

  1. 1 Страница полезна, удобна и информативна для посетителя.
  2. 2 Содержит несколько навигационных решений, удобных для использования и редко встречаемых у конкурентов. Например, навигация по карточкам товаров из этой же категории.
  3. 3 Имеет 2 уникальных сервиса: «полноэкранный зум» и «калькулятор размеров», что явно выделяет данный сайт среди конкурентов при оценке асессорами?
  4. 4 Первый экран карточки товара содержит лишь 2 ссылки, уводящие посетителя из карточки товара ну другие страницы сайта (не считая основного меню).
  5. 5 Есть упоминание о сроках доставки и ее стоимости до покупателя, однако очень общие, с формулировкой «от».
  6. 6 Суммарный объем уникального описания товара из всех вкладок не превышает 600 символов, что в принципе немного, учитывая разбавление этого контента внушительного размера подвалом.
  7. 7 Посещаемость сайта otto.ru — минимальна из разбираемой четверки, возможные причины этого попробуем найти при анализе оставшихся трех сайтов.

Продолжение разбора карточке товара появится в ближайшее время.

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


продвижение
1 256
Возможно, вам будет интересно:
SEO-продвижение сайтов
Продвижение в Яндекс и Google по одному или нескольким регионам
Продвижение в ТОП
ТОП-3, ТОП-5 или ТОП-10 для вашего сайта
Продвижение интернет-магазинов
Развитие ecommerce-проекта и увеличение его реальных доходов
SEO-оптимизация сайтов
Подготовка сайтов к seo-продвижению