Войти
E-commerce

Какие графические элементы карточек товаров заставляют нас покупать

У вашего товара есть три секунды, чтобы зацепить взгляд покупателя в ленте. Разбираем по полочкам, что в визуале карточки работает на заказ, а что только мешает.

Анита Шарапова 15 минут чтения
Какие графические элементы карточек товаров заставляют нас покупать

Так выглядит товарная выдача глазами покупателя: десятки одинаковых карточек и одна, которая выбивается. Клик уходит ей.

Для кого этот материал

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

Мы собрали как базовые принципы оформления карточек товаров, так и практические рекомендации для их аудита и доработки. Поэтому материал будет полезен и начинающим продавцам, и тем, кто уже работает на маркетплейсах.

На Wildberries, Ozon и Яндекс Маркете покупатель редко читает описание товара. Чаще он быстро просматривает ленту из десятков карточек, задерживаясь лишь на тех, что привлекли внимание с первого взгляда. Поэтому дизайн карточки — это полноценный инструмент продаж. Именно он часто определяет, откроют товар или пролистают дальше.

В 2025 году три крупнейших маркетплейса обеспечивали около 77% всего российского онлайн-ретейла с совокупным оборотом 8,59 трлн рублей. В большинстве товарных категорий конкуренция строится между десятками схожих предложений, поэтому покупатель нередко определяется с выбором ещё до изучения характеристик.

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

Почему визуал решает

Покупатель смотрит на фото раньше, чем читает название

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

56%
пользователей первым делом начинают рассматривать изображения, а не читать описание
Baymard Institute
77%
покупателей называют качественные фото и видео важными при принятии решения о покупке
Salsify, Consumer Research 2025
42%
опираются именно на изображения, чтобы оценить реальный размер товара
Baymard Institute

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

По данным Salsify, 71% покупателей хотя бы раз возвращали товар из-за несоответствия изображениям или описанию. Согласно исследованию NRF и Happy Returns, в 2024 году уровень возвратов в американской онлайн-торговле достиг почти 17%, что эквивалентно примерно 890 млрд долларов возвращённых покупок.

Поэтому качественная карточка товара решает сразу две задачи: помогает увеличить конверсию и снижает вероятность возврата.

Одно и то же изображение продаёт по-разному. Замена слабого фото на сильное — это прямой рычаг выручки.

Обобщение исследований Baymard, Salsify и платформенных A/B-тестов

Для понимания масштаба достаточно сравнить показатели конверсии. В среднем по рынку она составляет 2,5%, а у сильных магазинов — около 4,7% и выше. Такой разрыв объясняется целым комплексом факторов, но качество карточки товара играет в нём заметную роль.

01 — ОбложкаГлавное фото: всё решается на обложке

Обложка — единственное изображение, которое покупатель видит в выдаче до того, как откроет карточку. От него напрямую зависит кликабельность (CTR). Можно вложить сотни тысяч рублей в рекламу, но, если обложка слабая, трафик просто не конвертируется в переходы.

На обложке есть зоны, которые занимает сама площадка, — ставить туда текст или иконки бессмысленно. Вот как устроен первый экран в выдаче.

−40% Занято площадкой «Сердечко» — Избранное Безопасная зона 1–2 коротких выгоды (УТП) Ваша зона крупный товар, контраст с фоном Занято площадкой плашка акции и скидки
Анатомия обложки. Углы «съедает» сам маркетплейс — на Wildberries и Ozon справа вверху «сердечко» Избранного, слева внизу — плашка акции.

Что повышает кликабельность обложки

Данные сервисов аналитики маркетплейсов (MPStats, XWAY и др.) показывают, что на кликабельность карточки чаще всего влияют несколько факторов: крупное изображение товара, контрастный или нейтральный фон, понятный визуальный акцент и краткое указание на ключевое преимущество продукта.

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

Наиболее эффективные карточки обычно объединяют несколько принципов:

Крупный товар
Занимает значительную часть кадра и остаётся различимым даже в уменьшенном размере.
Контраст с фоном
Фон создаёт достаточный контраст и помогает выделиться в выдаче.
Реальный контекст
Изображения показывают товар в реальных условиях использования.
Минимум текста
На первом слайде — только самое важное, чтобы не мешать восприятию изображения.

02 — КонверсияРычаги конверсии

После обложки формируется галерея и основной контент карточки товара. Ниже представлены оценки влияния различных визуальных элементов на ключевые показатели. Данные собраны из открытых исследований и кейсов; разброс значений объясняется различиями между категориями и условиями применения. Их следует рассматривать как ориентировочные.

Прирост конверсии по визуальным элементам
Сводка по разным исследованиям и кейсам · значения зависят от ниши
Качественное фото вместо слабогодо +33%
конверсия в покупку · отраслевые данные, обобщённые Shopify
Инфографика с выгодами (УТП)до +30%
конверсия из просмотра в покупку · рос. практика по карточкам
Рич-контент (rich content)до +30%
конверсия · обзор marketplayer; дополнительно сокращает возвраты
Просто крупнее и чётче фотодо +9,5%
конверсия · A/B-тест ретейлера Mall.cz, без других изменений
Эти данные собраны из разных площадок, категорий и периодов, поэтому их нельзя напрямую переносить на конкретный товар или нишу. В каждом случае результат зависит от множества факторов. Итоговую эффективность всегда нужно оценивать только через собственные A/B-тесты.

Качество и разрешение

Это база, без которой не работают остальные визуальные элементы. По данным института 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%.

1
🎯
Главная выгода
Обложка: что за товар и ключевое преимущество.
2
📐
Масштаб и посадка
Размер в контексте, на человеке или рядом с предметом.
3
🔍
Детали и материал
Крупные планы фактуры, швов, состава, комплектации.
4
💬
Доверие
Сценарии использования, UGC, мини-FAQ.

UGC (user-generated content) — фото и видео от покупателей. В галерее они работают как социальное доказательство и часто конвертируют лучше студийных изображений, снижая сомнения при выборе товара.

04 — МобильныйПроектируйте карточки под мобильный экран

Более 80% заказов на маркетплейсах в России оформляется со смартфонов (данные отраслевых исследований, 2025). Это означает, что карточку товара оценивают на небольшом экране, в динамической ленте и часто одной рукой. Дизайн, который хорошо выглядит на большом мониторе, в мобильной выдаче может терять читаемость и ключевые детали.

Если подпись на обложке не читается с экрана телефона, то в выдаче она фактически не работает.

Практическое правило мобильной выдачи

05 — СравнениеХорошая карточка против плохой

Ниже — два чек-листа: признаки сильной обложки и типичные слабые места. Они помогут быстро поставить «диагноз» любой вашей карточке.

Хорошая карточка
  • Товар крупный, узнаётся за долю секунды
  • Контраст с фоном — выделяется в выдаче
  • 1–2 коротких выгоды, читаемых на превью
  • Углы свободны от текста (учтены зоны площадки)
  • Есть масштаб, детали, видео и UGC на след. слайдах
  • Единый стиль: одна палитра, один шрифт
Плохая карточка
  • Товар мелкий или сливается с фоном
  • Перегруз: 7+ значков и надписей на одном слайде
  • Текст в углах — перекрыт «сердечком» и плашкой
  • Мелкий тонкий шрифт, нечитаемый на телефоне
  • «Грязные» несочетающиеся цвета
  • Красивая инфографика поверх плохого фото

06 — ОшибкиЧастые ошибки, которые режут конверсию

Текст в углах обложки
Правый верхний угол — «сердечко» избранного, левый нижний — плашка акции. Всё, что вы туда поставите, площадка перекроет.
Инфографика «для галочки»
Значки и надписи без смысла не помогают, а создают визуальный шум и снижают доверие. Каждый элемент должен нести пользу покупателю.
Товар сливается с фоном
Монохромные решения могут выглядеть «дорого», но при слабом контрасте товар теряется в выдаче. Фон должен обеспечивать различимость объекта.
Дизайн поверх плохого фото
Инфографика не компенсирует некачественное изображение. Сначала должна быть проработана фотография, затем — графические элементы.
Зоопарк шрифтов и цветов
Разные шрифты на каждом слайде и кричащие сочетания цветов разрушают ощущение качества бренда.
Решения «на вкус»
«Мне так нравится» — недостаточный критерий. Визуальные решения, комфортные дизайнеру, могут проигрывать по кликабельности. Их следует проверять тестированием.

07 — ПрактикаНе угадывать, а измерять

Кликабельность карточки зависит от множества факторов: фона, ракурса, композиции, позы модели и даже небольших контекстных деталей (например, сезонных элементов). Предсказать наиболее эффективный вариант заранее практически невозможно.

Поэтому более надёжный подход — тестирование. Два варианта обложки запускаются в одинаковых условиях на 3–5 дней, после чего сравниваются CTR и конверсия. Решения принимаются на основе данных, а не субъективных предпочтений. Для корректной оценки обычно требуется несколько сотен кликов на каждый вариант.

Перед запуском тестов полезно проанализировать целевую аудиторию и путь пользователя (CJM): кто просматривает карточку, на какие элементы обращает внимание и какие факторы влияют на отказ от покупки. Например, цветовые и стилистические решения должны соответствовать ожиданиям аудитории и категории товара, а не только визуальному вкусу.

Чек-лист сильной карточки

  1. Главное фото: крупный товар, контраст, понятно за 3 секунды
  2. Углы обложки свободны от текста и иконок
  3. Не больше 1–2 выгод на обложке, остальное — на слайдах
  4. Галерея выстроена: выгода → масштаб → детали → доверие
  5. 3–5 элементов на слайд инфографики, единый стиль
  6. Есть фото масштаба и крупные планы деталей
  7. Всё читается на экране смартфона рядом с конкурентами
  8. Гипотезы обложки проверены A/B-тестом

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

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

Источники данных

  1. Baymard Institute — удобство страниц товара: первое действие пользователя, разрешение и зум, оценка размера по фото. baymard.com
  2. Salsify, Consumer Research 2025 и NRF / Happy Returns 2024 — важность фото и видео; возвраты из-за несовпадения с изображением (приведены в обзоре Let's Enhance). letsenhance.io
  3. Кейс Mall.cz — крупнее и чётче фото = +9,5% к выручке. autophoto.ai
  4. Shopify (обобщённые данные) — +33% к конверсии у качественных фото. blendnow.com
  5. Infoline, 2025 — доля и оборот Wildberries, Ozon и Яндекс Маркета. sostav.ru
  6. MPStats (mpstats.io), XWAY (xway.ru), Content Matrix (contentmatrix.ru) — факторы CTR и A/B-тесты на Wildberries.
  7. Contented (Дарья Иващенко) — анализ ЦА, требования площадок, типовые ошибки инфографики. media.contented.ru
  8. Guru Seller (Data Insight) — доля мобильных заказов и динамика рынка. guruseller.ru
Числовые оценки приведены из публичных источников и относятся к разным категориям, площадкам и периодам. Они служат ориентиром; фактический эффект для конкретного товара определяется собственным тестированием.