Вячеслав Бабкин E-commerce и CRO

Карточка товара как лендинг: UX-разбор на примерах

Порядок блоков повторяет порядок вопросов клиента: что это, сколько стоит, когда приедет, подойдёт ли, можно ли вернуть.

Коротко: карточка теряет конверсию не из-за нехватки информации, а из-за её порядка. Клиент уходит, не доскроллив до того, что решило бы исход.

Карточка товара — это лендинг, а не витрина

Карточка товара почти всегда делается по остаточному принципу: фото из поставщика, таблица характеристик, кнопка «Купить». Между тем на карточку приходит самый горячий трафик в магазине, и она же чаще всего его теряет.

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

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

Что должно быть на первом экране

Блоки карточки: задача, ошибка и метрика
БлокЗадачаТипичная ошибкаМетрика
Главное фотоПоказать товар и его масштабОдин кадр без масштаба и сценарияCTR и время до скролла
ЗаголовокНазвать товар так, как его ищутАртикул или маркетинговое названиеОтказы, позиции в поиске
Цена и кнопкаСнять вопрос о стоимости сразуЦена под скроллом, кнопка не виднаКонверсия в корзину
Доставка и наличиеОтветить «когда приедет»Общая фраза «доставка 3–7 дней»Доля переходов в чекаут
Ключевые характеристикиДать поля выбораПолная таблица вместо 5–7 полейСкролл до кнопки
Гарантия и возвратСнять страх ошибкиСсылка на юридическую страницуКонверсия в заказ
Отзывы и вопросыДать чужой опытТолько пять звёзд без текстаВремя на странице, конверсия

Пять–семь ключевых характеристик работают лучше полной таблицы: таблица нужна тем, кто уже выбрал, а не тем, кто выбирает.

Где теряется конверсия

Диаграмма вклада блоков карточки в решение о покупке: фото, цена, доставка, отзывы, характеристики, гарантия
Экспертная разбивка потери конверсии между блоками. Работа начинается сверху, а не с того, что проще поменять.
Карточка проигрывает не тогда, когда в ней мало информации, а когда информация стоит не в том порядке: клиент не доскроллил до того, что решало бы исход.

Мобильная версия: отдельная работа

  • Галерея вместо таблицы. На телефоне таблицу характеристик не читают: её заменяют 3–4 ключевых поля и галерея с подписями.
  • Sticky-кнопка. Кнопка покупки должна быть доступна всё время, а не только в начале страницы.
  • Фото крупнее. На маленьком экране визуал решает сильнее, чем на десктопе: это не вкусовщина, а размер цели для пальца.
  • Отзывы выше. На мобильном отзывы смотрят чаще и раньше — поднимайте блок, а не прячьте его в таб.

Как проверять изменения

Порядок проверки изменений карточки
ШагЧто делаемСрокКритерий
ДиагностикаСчитаем конверсию по шагам: просмотр, скролл до кнопки, корзина1 неделяВидна ступень с максимальной потерей
ГипотезаОдна правка на один блок1 деньСформулирован ожидаемый эффект
ТестA/B на мобильном и десктопе раздельно2–4 неделиЭффект выходит за пределы шума
РаскаткаПереносим на весь каталог по шаблону2 неделиЭффект сохраняется на других SKU
РегламентФиксируем правило для новых карточек1 деньНовые карточки сразу соответствуют

Проверка на одном SKU и раскатка на каталог — разные этапы. Эффект на топовом товаре не гарантирует того же на хвосте ассортимента.

FAQ: карточка товара

Сколько фото нужно в карточке?

Шесть–восемь: общий вид, масштаб, комплектация, ключевая деталь, сценарий использования, упаковка. Дальше начинается повтор, который не даёт конверсии.

Нужна ли полная таблица характеристик?

Да, но не на первом экране. Полную таблицу держат ниже или в отдельной вкладке: она нужна покупателю, который уже решил, а не тому, кто выбирает.

Что важнее: отзывы или характеристики?

Для решения о покупке отзывы важнее: они закрывают сомнение, которое таблица не закрывает в принципе. Но отзывы не заменяют корректные характеристики — они работают после них.

Как понять, что карточка проигрывает конкуренту?

Сравните не Design, а воронку: конверсия просмотра в корзину по вашей карточке против категории. Если ниже при сопоставимой цене — причина в карточке.

Стоит ли делать видео в карточку?

Для техники и товаров со сценарием использования — да: видео снимает вопросы, которые текст объясняет хуже. Для простых товаров эффект близок к нулю.

Как часто обновлять карточки?

Шаблон — раз в полгода или при смене формата каталога. Контент топовых SKU — раз в квартал. Остальное — по результатам диагностики, а не по календарю.

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