Почему дизайн карточки решает больше, чем цена
Покупатель на маркетплейсе принимает решение за 2–3 секунды. Именно столько уходит на то, чтобы пролистать выдачу и остановить взгляд — или не остановить. В этот момент работает только визуал: главное фото, инфографика, первый экран.
По данным исследований Ozon и Wildberries, карточки с качественной инфографикой получают CTR на 30–50% выше, чем карточки с обычными фото на белом фоне. А конверсия в покупку у таких карточек растёт на 15–25%.
Цена, конечно, важна. Но если покупатель не кликнул — он вашу цену вообще не увидит. Значит, всё начинается с дизайна.
Из чего состоит дизайн карточки товара
Карточка — это не одна картинка. Это система из нескольких элементов, каждый из которых влияет на продажи по-своему.
Главное фото (обложка)
Это единственное, что покупатель видит в выдаче. Именно оно отвечает за клик. Правила хорошей обложки:
- Товар занимает 70–80% кадра — крупно и чётко
- Фон не отвлекает от товара (белый, светлый или тематический)
- Нет лишних элементов: логотипов, водяных знаков, громоздкого текста
- Цвет товара передан точно — чтобы не было возвратов из-за «ожидание vs реальность»
Инфографика
Инфографика — это следующие 3–5 фото в карусели. Здесь вы «продаёте» товар: показываете размеры, материал, преимущества, способ использования. Хорошая инфографика отвечает на вопросы, которые покупатель задаёт себе перед покупкой.
Текстовые слайды
Короткие подписи, буллеты с преимуществами, сравнительные таблицы — всё это помогает читателю, который не любит читать описание. Он смотрит картинки и сразу понимает, почему стоит купить.
Видео
На Wildberries и Ozon видео в карточке сильно повышает время просмотра. Особенно для сложных товаров: техника, одежда, инструменты. Даже 15-секундный ролик «товар в действии» работает лучше десяти фото.
Главные тренды дизайна карточек в 2026
Маркетплейсы меняются быстро. То, что работало в 2023-м, сегодня уже выглядит устаревшим. Вот что актуально прямо сейчас.
1. Инфографика вместо «просто фото»
Покупатели устали от карточек, где просто несколько фото товара на белом фоне. Они хотят видеть информацию сразу — без чтения описания. Поэтому инфографика с конкретными данными (размеры, состав, характеристики) на 2–3 слайдах стала стандартом, а не фишкой.
2. Lifestyle-фото
Товар в контексте жизни продаёт лучше, чем товар на белом фоне. Сковорода на плите с красивым блюдом, кроссовки на человеке в движении, ежедневник на рабочем столе — это создаёт желание, а не просто информирует.
3. Минимализм в тексте на слайдах
Больше не работают слайды, заваленные текстом. Максимум 2–3 строки крупным шрифтом. Один слайд — одна мысль.
4. Адаптация под мобильный экран
Более 70% покупок на маркетплейсах делается с телефона. Мелкий текст, перегруженные слайды, детали, которые не видно на экране смартфона, — всё это режет конверсию. Делайте карточку «на телефон».
5. Фирменный стиль в карусели
Единый визуальный стиль — одинаковые шрифты, цвета, элементы — создаёт ощущение профессионального бренда. Это работает не только для крупных игроков. Даже небольшой магазин с единообразным оформлением выглядит серьёзнее.
Ошибки в дизайне, которые убивают продажи
Эти ошибки встречаются в каждой третьей карточке. Проверьте свои.
Ошибка 1: Размытые или тёмные фото
Некачественное фото — главная причина низкого CTR. Покупатель не будет «угадывать», как выглядит товар. Он просто выберет другую карточку с чётким снимком.
Ошибка 2: Слишком много текста на слайдах
Если на слайде больше 30 слов — большинство не дочитает. Люди сканируют, а не читают. Используйте иконки, крупные цифры, короткие буллеты.
Ошибка 3: Нет ответа на главный вопрос покупателя
У каждого товара есть ключевой вопрос перед покупкой. Для одежды — «подойдёт ли мне по размеру?». Для техники — «будет ли работать с моим устройством?». Для посуды — «из чего сделана и как ухаживать?». Если карточка не отвечает на этот вопрос — покупатель уходит.
Ошибка 4: Все слайды выглядят одинаково
Если 5 слайдов подряд — это просто фото товара с разных ракурсов, покупатель не узнаёт ничего нового. Каждый слайд должен добавлять информацию или эмоцию.
Ошибка 5: Игнорирование главного фото
Многие селлеры тратят время на красивую инфографику, но оставляют слабую обложку. Это ошибка. Именно главное фото генерирует клики — без него никакая инфографика не поможет.
Правило: сначала сделайте идеальную обложку, которая даёт клик. Потом — инфографику, которая конвертирует клик в покупку.
Как сделать дизайн карточки товара: пошагово
Разберём конкретный процесс — без лишних слов.
Шаг 1: Определите главный вопрос покупателя
Перед тем как делать что-то визуальное, ответьте себе: что хочет знать покупатель перед тем, как купить этот товар? Запишите 3–5 главных вопросов. Каждый слайд карточки должен закрывать один вопрос.
Шаг 2: Снимите или закажите качественные фото
Минимальный набор для хорошей карточки:
- Главное фото — товар крупно, на нейтральном фоне
- 2–3 фото с разных ракурсов и деталей
- 1–2 lifestyle-фото в контексте использования
Для старта подойдёт даже смартфон при хорошем дневном освещении. Главное — резкость и правильная цветопередача.
Шаг 3: Создайте инфографику
Стандартный набор слайдов для большинства товаров:
- Слайд с размерами — габариты, объём, вес
- Слайд с материалами/составом — из чего сделан товар
- Слайд с преимуществами — 3–5 буллетов, коротко и по делу
- Слайд «как использовать» — пошаговая схема или фото в контексте
- Слайд с комплектацией — что входит в набор
Шаг 4: Проверьте на смартфоне
Откройте готовую карточку на телефоне. Читается ли текст? Виден ли товар? Если на экране смартфона что-то мелкое или нечёткое — нужно переделать.
Шаг 5: Тестируйте
Запустите A/B тест на Wildberries или Ozon: старая карточка vs новая. Смотрите на CTR (кликабельность в поиске) и конверсию. Данные есть в личном кабинете. Меняйте главное фото, пробуйте разные слайды — и оставляйте то, что работает лучше.
Как создать дизайн: сравнение вариантов
У селлера обычно три пути. Вот честное сравнение:
| Вариант | Стоимость | Время | Качество | Удобство правок |
|---|---|---|---|---|
| Дизайнер-фрилансер | 3 000–15 000 ₽/карточка | 3–7 дней | Высокое | Долго, стоит денег |
| Фотошоп / Figma самостоятельно | 0 (если есть ПО) | 2–5 часов | Зависит от навыков | Любые, но долго |
| Онлайн-сервис (Битый Пиксель) | В разы дешевле дизайнера | 60 секунд | Профессиональное | Мгновенно |
Для новичка и для селлера с большим ассортиментом онлайн-сервис — оптимальный вариант. Не нужно разбираться в дизайне, не нужно ждать исполнителя. Загрузил фото — получил готовые слайды.
Часто задаваемые вопросы
Сколько фото должно быть в карточке товара?
Оптимально — 6–9 изображений. Первое — обложка для выдачи, следующие 3–5 — инфографика с характеристиками и преимуществами, последние 1–2 — lifestyle или фото в использовании. Меньше 5 фото — карточка выглядит незаполненной. Больше 10 — покупатель устаёт листать.
Нужен ли дизайнер, чтобы сделать хорошую карточку?
Не обязательно. Дизайнер нужен, если вы строите сложный бренд с нестандартным стилем. Для большинства товаров достаточно хороших фото и инфографики, сделанной в специализированном сервисе — это быстрее и значительно дешевле. Дизайн карточки товара можно создать самостоятельно даже без навыков в графике.
Что важнее — главное фото или инфографика?
Главное фото отвечает за CTR (клики из поиска). Инфографика отвечает за конверсию (покупку после клика). Оба элемента важны, но работают на разных этапах. Если CTR низкий — переделывайте обложку. Если CTR хороший, а продаж мало — улучшайте инфографику.
Какие размеры изображений нужны для Wildberries и Ozon?
Wildberries принимает изображения от 900×1200 пикселей (соотношение 3:4). Ozon — от 400×300 пикселей, рекомендуется 1000×1000 и больше. Для обоих маркетплейсов оптимально делать квадратные или вертикальные изображения с разрешением от 1000 пикселей по меньшей стороне. Файл — JPEG или PNG, до 5 МБ.
Как понять, что дизайн карточки работает плохо?
Главные сигналы: низкий CTR (меньше 1–1,5% в категории), высокий процент отказов после клика, много вопросов в отзывах о том, что уже должно быть видно на фото. Если CTR ниже конкурентов в нише — начинайте с обложки. Если конверсия низкая при хорошем CTR — работайте над инфографикой и описанием.