Какие графические элементы карточек товаров заставляют нас покупать
У вашего товара есть три секунды, чтобы зацепить взгляд покупателя в ленте. Разбираем по полочкам, что в визуале карточки работает на заказ, а что только мешает.
Так выглядит товарная выдача глазами покупателя: десятки одинаковых карточек и одна, которая выбивается. Клик уходит ей.
Для кого этот материал
Мы писали его для тех, кто принимает решения по карточкам и платит за результат: начинающие селлеры, владельцы небольших брендов, менеджеры маркетплейсов, дизайнеры карточек
Мы собрали как базовые принципы оформления карточек товаров, так и практические рекомендации для их аудита и доработки. Поэтому материал будет полезен и начинающим продавцам, и тем, кто уже работает на маркетплейсах.
На Wildberries, Ozon и Яндекс Маркете покупатель редко читает описание товара. Чаще он быстро просматривает ленту из десятков карточек, задерживаясь лишь на тех, что привлекли внимание с первого взгляда. Поэтому дизайн карточки — это полноценный инструмент продаж. Именно он часто определяет, откроют товар или пролистают дальше.
В 2025 году три крупнейших маркетплейса обеспечивали около 77% всего российского онлайн-ретейла с совокупным оборотом 8,59 трлн рублей. В большинстве товарных категорий конкуренция строится между десятками схожих предложений, поэтому покупатель нередко определяется с выбором ещё до изучения характеристик.
Именно поэтому оформление карточки становится важным элементом конкурентной борьбы: оно влияет на то, заметят ли товар в выдаче и перейдут ли к его просмотру.
Покупатель смотрит на фото раньше, чем читает название
Исследование пользовательского поведения, проведённое институтом Baymard, показало, что при знакомстве с товаром пользователи в первую очередь обращают внимание на изображения. Именно фотографии помогают быстрее оценить внешний вид товара, его особенности, размеры и качество исполнения.
Недостаточно информативные изображения влияют не только на продажи, но и на количество возвратов. Если по фотографиям сложно понять характеристики товара или его внешний вид, риск ошибочных ожиданий заметно возрастает.
По данным Salsify, 71% покупателей хотя бы раз возвращали товар из-за несоответствия изображениям или описанию. Согласно исследованию NRF и Happy Returns, в 2024 году уровень возвратов в американской онлайн-торговле достиг почти 17%, что эквивалентно примерно 890 млрд долларов возвращённых покупок.
Поэтому качественная карточка товара решает сразу две задачи: помогает увеличить конверсию и снижает вероятность возврата.
Одно и то же изображение продаёт по-разному. Замена слабого фото на сильное — это прямой рычаг выручки.
Обобщение исследований Baymard, Salsify и платформенных A/B-тестов
Для понимания масштаба достаточно сравнить показатели конверсии. В среднем по рынку она составляет 2,5%, а у сильных магазинов — около 4,7% и выше. Такой разрыв объясняется целым комплексом факторов, но качество карточки товара играет в нём заметную роль.
01 — ОбложкаГлавное фото: всё решается на обложке
Обложка — единственное изображение, которое покупатель видит в выдаче до того, как откроет карточку. От него напрямую зависит кликабельность (CTR). Можно вложить сотни тысяч рублей в рекламу, но, если обложка слабая, трафик просто не конвертируется в переходы.
На обложке есть зоны, которые занимает сама площадка, — ставить туда текст или иконки бессмысленно. Вот как устроен первый экран в выдаче.
Что повышает кликабельность обложки
Данные сервисов аналитики маркетплейсов (MPStats, XWAY и др.) показывают, что на кликабельность карточки чаще всего влияют несколько факторов: крупное изображение товара, контрастный или нейтральный фон, понятный визуальный акцент и краткое указание на ключевое преимущество продукта.
При этом CTR зависит не только от оформления карточки. Существенную роль играют цена, рейтинг, количество отзывов и другие параметры, которые покупатель видит в выдаче. Поэтому эффективность визуала следует рассматривать в связке с общей конкурентоспособностью предложения.
Наиболее эффективные карточки обычно объединяют несколько принципов:
02 — КонверсияРычаги конверсии
После обложки формируется галерея и основной контент карточки товара. Ниже представлены оценки влияния различных визуальных элементов на ключевые показатели. Данные собраны из открытых исследований и кейсов; разброс значений объясняется различиями между категориями и условиями применения. Их следует рассматривать как ориентировочные.
Качество и разрешение
Это база, без которой не работают остальные визуальные элементы. По данным института Baymard, около четверти интернет-магазинов используют изображения недостаточного качества или ограничивают возможность их детального просмотра. Это затрудняет оценку товара и может снижать конверсию.
Маркетплейсы задают технические требования к изображениям. Для Wildberries базовое разрешение — 900×1200 px (соотношение 3:4), формат JPG/PNG и размер до 10 МБ. Для Ozon минимальное разрешение начинается от 200×200 px, при этом для категорий одежды и обуви рекомендуется формат 3:4 с разрешением от 900×1200 px.
Важно учитывать, что речь идёт о минимально допустимых параметрах. Для стабильного качества восприятия лучше использовать изображения с запасом по разрешению и детализации, чтобы товар можно было рассмотреть в увеличенном виде или при полноэкранном просмотре.
Количество и ракурсы
На Wildberries можно загрузить до 30 изображений, на Ozon — до 15. Эти слайды формируют структуру карточки и закрывают разные задачи восприятия товара.
Важно показывать продукт с разных ракурсов, в масштабе (например, рядом с привычными предметами или на модели), а также крупным планом — чтобы были видны фактура и детали.
По данным исследований, значительная часть покупателей ориентируется на изображения при оценке размеров товара. Недостаток визуальной информации о масштабе повышает риск несоответствия ожиданий и последующих возвратов.
Инфографика и УТП
Инфографика — это изображения, на которых поверх фото вынесены ключевые характеристики и преимущества: состав, размеры, комплектация, сценарии использования. Её задача — быстро ответить на вопрос пользователя: подходит ли ему этот товар.
Оптимально использовать 3–5 элементов на слайд (иконок и кратких подписей). При большем количестве информация начинает терять читаемость и воспринимается как визуальный шум.
УТП (уникальное торговое предложение) формулирует причину выбора товара среди аналогов и отвечает на вопрос, чем он отличается от конкурентов.
03 — ГалереяПорядок слайдов — это сценарий продажи
Пользователь просматривает галерею последовательно и принимает решение о дальнейшем интересе в первые секунды. Поэтому слайды выстраиваются как последовательность: от основного сообщения к деталям, которые снимают возможные сомнения.
По данным агентств, изменение порядка слайдов может влиять на конверсию карточки на 10–15%.
UGC (user-generated content) — фото и видео от покупателей. В галерее они работают как социальное доказательство и часто конвертируют лучше студийных изображений, снижая сомнения при выборе товара.
04 — МобильныйПроектируйте карточки под мобильный экран
Более 80% заказов на маркетплейсах в России оформляется со смартфонов (данные отраслевых исследований, 2025). Это означает, что карточку товара оценивают на небольшом экране, в динамической ленте и часто одной рукой. Дизайн, который хорошо выглядит на большом мониторе, в мобильной выдаче может терять читаемость и ключевые детали.
Если подпись на обложке не читается с экрана телефона, то в выдаче она фактически не работает.
Практическое правило мобильной выдачи
05 — СравнениеХорошая карточка против плохой
Ниже — два чек-листа: признаки сильной обложки и типичные слабые места. Они помогут быстро поставить «диагноз» любой вашей карточке.
- Товар крупный, узнаётся за долю секунды
- Контраст с фоном — выделяется в выдаче
- 1–2 коротких выгоды, читаемых на превью
- Углы свободны от текста (учтены зоны площадки)
- Есть масштаб, детали, видео и UGC на след. слайдах
- Единый стиль: одна палитра, один шрифт
- Товар мелкий или сливается с фоном
- Перегруз: 7+ значков и надписей на одном слайде
- Текст в углах — перекрыт «сердечком» и плашкой
- Мелкий тонкий шрифт, нечитаемый на телефоне
- «Грязные» несочетающиеся цвета
- Красивая инфографика поверх плохого фото
06 — ОшибкиЧастые ошибки, которые режут конверсию
07 — ПрактикаНе угадывать, а измерять
Кликабельность карточки зависит от множества факторов: фона, ракурса, композиции, позы модели и даже небольших контекстных деталей (например, сезонных элементов). Предсказать наиболее эффективный вариант заранее практически невозможно.
Поэтому более надёжный подход — тестирование. Два варианта обложки запускаются в одинаковых условиях на 3–5 дней, после чего сравниваются CTR и конверсия. Решения принимаются на основе данных, а не субъективных предпочтений. Для корректной оценки обычно требуется несколько сотен кликов на каждый вариант.
Перед запуском тестов полезно проанализировать целевую аудиторию и путь пользователя (CJM): кто просматривает карточку, на какие элементы обращает внимание и какие факторы влияют на отказ от покупки. Например, цветовые и стилистические решения должны соответствовать ожиданиям аудитории и категории товара, а не только визуальному вкусу.
Чек-лист сильной карточки
- Главное фото: крупный товар, контраст, понятно за 3 секунды
- Углы обложки свободны от текста и иконок
- Не больше 1–2 выгод на обложке, остальное — на слайдах
- Галерея выстроена: выгода → масштаб → детали → доверие
- 3–5 элементов на слайд инфографики, единый стиль
- Есть фото масштаба и крупные планы деталей
- Всё читается на экране смартфона рядом с конкурентами
- Гипотезы обложки проверены A/B-тестом
Графическая карточка — это один из наиболее доступных инструментов роста для продавца: для её улучшения не требуется менять продукт, цену или запускать дополнительные рекламные кампании. Достаточно более ясно и убедительно представить уже существующий товар по сравнению с конкурентами.
По оценке рынка, стоимость работы дизайнера над карточкой составляет в среднем 500–1500 рублей за слайд. На фоне потенциального влияния на конверсию такие вложения часто оказываются одними из наиболее окупаемых.
Источники данных
- Baymard Institute — удобство страниц товара: первое действие пользователя, разрешение и зум, оценка размера по фото. baymard.com
- Salsify, Consumer Research 2025 и NRF / Happy Returns 2024 — важность фото и видео; возвраты из-за несовпадения с изображением (приведены в обзоре Let's Enhance). letsenhance.io
- Кейс Mall.cz — крупнее и чётче фото = +9,5% к выручке. autophoto.ai
- Shopify (обобщённые данные) — +33% к конверсии у качественных фото. blendnow.com
- Infoline, 2025 — доля и оборот Wildberries, Ozon и Яндекс Маркета. sostav.ru
- MPStats (mpstats.io), XWAY (xway.ru), Content Matrix (contentmatrix.ru) — факторы CTR и A/B-тесты на Wildberries.
- Contented (Дарья Иващенко) — анализ ЦА, требования площадок, типовые ошибки инфографики. media.contented.ru
- Guru Seller (Data Insight) — доля мобильных заказов и динамика рынка. guruseller.ru