- Введение
- Аналитика
- Дизайн
- Тестирование
- Резюме
Введение:
Селлеры часто воспринимают карточку товара как визуальную задачу: ищут дизайнера с красивым портфолио или используют нейросети. Проблема в том, что эстетика сама по себе не продает.
Выбор покупателя основывается не на эстетике, а на смысле: он ищет пользу и ответы на свои запросы. Поэтому работа над карточкой начинается не с графики, а с аналитики. В статье — три обязательных этапа в дизайне карточки товара.
Аналитика — первый и самый важный этап
На первом этапе проводится анализ самого продукта: выявляются его сильные стороны, уникальные характеристики и выгоды для покупателя. Особенности продукта определяют то, что нужно отразить в инфографике.
Далее обязательно выполняется анализ прямых конкурентов. Сравнение с аналогами обязательно, чтобы понять наши отличия, преимущества и недостатки.
Что анализируем у конкурентов:
- 01.Текстовые смыслы: что они выносят на обложку? Какие характеристики выделяют как главные?
- 02.Визуальные паттерны: какие цвета и ракурсы доминируют в выдаче?
- 03.Слепые зоны: мы ищем то, о чем конкуренты забыли упомянуть.
Пример: постельное бельё из страйп-сатина
Использование общих слов «качественный», «надёжный», «удобный» могут присутствовать на любой карточке и вряд ли повлияют на решение покупателя. Задача — не дублировать очевидные характеристики (например, что на белье можно спать), а продемонстрировать сильную сторону продукта, которая заинтересует покупателя.
Желательно использовать конкретные характеристики. Вместо «качественная ткань» — указание плотности и состава, например, «сатин 140 гр./м²». Для размера даётся точное обозначение: например, «евро-макси».
Стоит отметить, что если у всех аналогов ткань не хуже, а может даже и лучше, такую характеристику разумно вовсе не указывать на инфографике. Она вас никак не выделят среди конкурентов и не стимулирует выбор в вашу пользу.
Дизайн
После этапа аналитики можно приступать к дизайну. Задача — выделить товар среди сотен аналогичных в выдаче.
Правила в дизайне карточки:
- 01. Товар — важнее всего: он занимает максимум пространства, видно крупно и чётко. Покупатель с первого взгляда понимает, что перед ним, даже на экране смартфона. Закон Фиттса гласит: чем крупнее и ближе объект — тем быстрее в него «попадают» взглядом или пальцем.
- 02. Минимум текста: на главном слайде — только «киллер-фичи». Все подробности уходят в галерею.
- 03. Отстройка от выдачи: например, если все конкуренты в категории используют светлый фон, можно использовать альтернативный вариант (Использование эффекта фон Рестора). Это выделит карточку и повысит CTR.
- 04. Простота: информация в инфографике легко считывается и понятна целевой аудитории.
- 05. Адаптивность: В обязательном порядке надо проверить читаемость карточки: уменьшите ее в 2–3 раза — до размера, который покупатель видит в ленте или корзине на смартфоне. Убедитесь что основные характеристики видны и читаются без усилий.

Главное при выборе постельного белья — плотность ткани, её качество и большая простыня. Эти характеристики вынесены на карточку и увеличены в размере, чтобы покупатель сразу их считывал. Сам комплект также занимает большую часть кадра, поскольку он — центральный элемент.
При оценке вида карточки, рекомендуем делать «врисовку» дизайна в скриншот реальной поисковой выдачи, рядом с товарами конкурентов. Будет видно, как товар смотрится в конкурентном окружении.

Тестирование
«Мне нравится этот дизайн» — фраза, которая не раз снижала конверсию. То, что нравится лично вам, не гарантирует, что продажи вырастут. Чтобы определить лучший вариант, следует провести A/B тестирование.
В карточках для теста используют разные дизайны. Начать тестирование можно с вариантов первого слайда. Для дальнейшего роста продаж дорабатываются остальные слайды и отслеживается вся воронка продаж: от CTR до заказов и даже % выкупа!
Пример:
Первая итерация

Вторая итерация

Резюме
Использование описанного подхода позволит гарантированно увеличить продажи и снизить издержки на рекламу, что, несомненно, станет вашим конкурентным преимуществом. Желаем вам эффективно применить эти рекомендации.
Если сомневаетесь в своих силах или хотите сразу довериться профессионалам — мы с радостью вам поможем.