блог · для селлеров
Дизайн карточки товара для маркетплейсов: правила, примеры, инструменты
коротко
Дизайн карточки товара - это визуальное оформление фотографий и инфографики, которое помогает покупателю быстро понять ценность продукта и принять решение о покупке. Грамотный дизайн карточек товаров для маркетплейсов включает главное фото, инфографику с характеристиками, продуманный порядок слайдов и соответствие требованиям конкретной площадки.
Дизайн карточки товара - первое, что видит покупатель в ленте маркетплейса, и именно он решает, кликнет человек или пролистает дальше. При этом большинство селлеров уделяют визуальному оформлению минимум внимания: снимают на телефон, заливают «как есть» и потом удивляются низкому CTR. В этой статье разберём, как работает дизайн карточек товаров для маркетплейсов на практике - без маркетинговых обещаний, только рабочие принципы.
Что такое дизайн карточки товара и зачем он нужен
Карточка товара на маркетплейсе - это не просто набор фотографий. Это коммерческая витрина, которая работает вместо продавца-консультанта. Покупатель не может потрогать товар, поэтому визуальное оформление берёт на себя функцию объяснения: что это, из чего сделано, каковы размеры, зачем это нужно именно ему.
Дизайн продающей карточки товара решает сразу несколько задач: привлекает внимание в выдаче (главное фото), удерживает интерес (галерея слайдов с инфографикой), снимает возражения (характеристики, сравнение, способ применения) и подталкивает к добавлению в корзину. Это не творческая задача - это коммуникационная.
Важно понимать: дизайн карточки - часть системы продаж, а не самоцель. Красивая картинка без релевантного SEO-описания и адекватной цены не даст результата. Но плохое оформление при хорошем тексте тоже режет конверсию.
Структура карточки: какие слайды нужны и в каком порядке
На большинстве маркетплейсов продавцу доступно от 6 до 15 изображений. Каждое из них должно нести конкретную смысловую нагрузку. Хаотичный набор фотографий с разных ракурсов - упущенная возможность.
Рекомендуемая последовательность слайдов
| Номер слайда | Тип контента | Задача |
|---|---|---|
| 1 | Главное фото (превью) | Зацепить внимание в выдаче, показать товар крупно и чётко |
| 2 | Ключевое УТП + главные характеристики | Объяснить, чем товар лучше аналогов, за 3-5 секунд |
| 3 | Размеры, состав, материал | Снять базовые технические вопросы без чтения описания |
| 4 | Способ применения / сценарий использования | Помочь покупателю представить товар в своей жизни |
| 5 | Сравнение с конкурентами или версиями | Упростить выбор комплектации / цвета / размера |
| 6 | Детали крупным планом | Показать качество: швы, фурнитуру, текстуру, упаковку |
| 7+ | Отзывы, сертификаты, бренд-история | Закрыть возражения и повысить доверие |
Порядок слайдов важен: алгоритмы маркетплейсов показывают в превью именно первое фото, а пользователи, по наблюдениям сообщества селлеров, чаще всего просматривают первые 3-4 слайда. Если ключевая информация оказалась на 8-м слайде - большинство её не увидит.
Правила дизайна главного фото
Главное фото - самый важный элемент карточки. Именно оно определяет CTR в поиске и каталоге. Требования к нему на разных площадках отличаются, но есть общие принципы, которые работают везде.
Требования площадок к главному фото
| Маркетплейс | Фон | Минимальное разрешение | Особенности |
|---|---|---|---|
| Wildberries | Белый или светло-серый (рекомендован) | 900x1200 px (соотношение 3:4) | Текст и графика на главном фото официально не запрещены, но WB может скрыть карточку за нарушение гайдов категории |
| Ozon | Белый (#FFFFFF) для большинства категорий | от 200x200 px, рекомендовано 1000x1000 px и выше | Разрешено добавлять плашки и текст, есть встроенный редактор инфографики |
| Яндекс.Маркет | Белый или нейтральный | от 400x400 px, рекомендовано от 800x800 px | Строгие требования к отсутствию посторонних предметов в кадре для ряда категорий |
- ✓Товар занимает не менее 70-80% площади кадра
- ✓Фокус чёткий, нет смазанности и зернистости
- ✓Фон соответствует требованиям площадки
- ✓Нет водяных знаков и логотипов других магазинов
- ✓Цвет товара на фото соответствует реальному (важно для одежды и электроники)
- ✓Если категория позволяет - добавлена одна ключевая выгода текстом
- ✓Фото вертикальное для WB (3:4), квадратное или горизонтальное для Ozon
Правила маркетплейсов меняются - перед загрузкой карточки всегда проверяйте актуальные гайдлайны в личном кабинете площадки. Особенно это касается Wildberries, где требования к категориям обновляются несколько раз в год.
Инфографика в карточке: как делать правильно
Инфографика - это слайды с наложенным текстом, иконками и графическими элементами, которые объясняют товар наглядно. Это не украшение карточки, а рабочий инструмент снятия возражений. Хорошая инфографика позволяет покупателю получить ответ на вопрос за 2-3 секунды, не читая описание.
Типичные ошибки в инфографике
- Слишком мелкий шрифт - текст нечитаем на экране телефона (а большинство покупок совершается с мобильных)
- Перегруженность - на одном слайде 10 и более характеристик, взгляду не за что зацепиться
- Абстрактные формулировки - «высокое качество», «премиум материал» без конкретики
- Цветовой хаос - 5-6 разных цветов на одном слайде без системы
- Неверный масштаб - иконки и текст конкурируют с фотографией товара, перекрывают его
- Несоответствие шрифтов фирменному стилю бренда (если он есть)
- Дублирование одной и той же информации на нескольких слайдах без развития смысла
Принципы читаемой инфографики
- Один слайд - одна главная мысль
- Размер шрифта от 24-28 pt в оригинальном разрешении (чтобы был читаем в превью)
- Контрастное сочетание текста и фона - белый на тёмном или тёмный на светлом
- Максимум 2-3 шрифта на весь комплект карточки
- Конкретные цифры вместо прилагательных: не «долговечный», а «срок службы 5 лет по данным производителя»
- Иконки в едином стиле (все контурные или все заполненные, одной толщины линий)
- Цветовая палитра из 2-3 цветов, один из которых акцентный
Инструменты для создания дизайна карточки товара
Создать дизайн карточки товара можно несколькими способами - от ручного оформления в графических редакторах до автоматической генерации с помощью AI. Выбор зависит от бюджета, объёма каталога и наличия дизайнерских навыков.
| Инструмент | Тип | Плюсы | Минусы | Подходит для |
|---|---|---|---|---|
| Canva | Онлайн-редактор с шаблонами | Простой интерфейс, есть шаблоны для WB и Ozon, бесплатный тариф | Ручная работа, нет автоматизации, шаблоны часто одинаковые у всех | Селлеров с небольшим каталогом и базовыми навыками |
| Adobe Photoshop / Illustrator | Профессиональный редактор | Полный контроль над результатом, высокое качество | Высокий порог входа, дорогая подписка, требует времени | Дизайнеров и студий, работающих со многими селлерами |
| Figma | Онлайн-редактор для UI/UX | Командная работа, компонентная система, бесплатный тариф | Не предназначен специально для маркетплейсов, сложнее Canva | Дизайнеров, которые делают систему брендинга карточек |
| Продавашкин (prodavashkin.ru) | AI-сервис генерации карточек | Загружаешь фото - получаешь готовую инфографику и описание, быстро, не нужны навыки дизайна | AI-результат иногда требует ручной доработки под специфичный товар | Селлеров с большим каталогом и дефицитом времени |
| Фриланс-дизайнер | Аутсорсинг | Индивидуальный подход, высокое качество при правильном выборе исполнителя | Стоимость от 500 до 3000+ рублей за карточку, зависимость от одного человека | Премиум-сегмента и брендов с уникальным стилем |
Если вы работаете с крупным каталогом и хотите сделать дизайн карточки товара быстро, без найма дизайнера - AI-инструменты вроде Продавашкина позволяют загрузить фотографии и получить готовый комплект карточки. Промокод СТАРТ даёт три карточки бесплатно - это удобный способ сравнить результат с тем, что делаете вручную сейчас.
Типичные ошибки и как их избежать
Анализируя карточки в разных категориях, можно выделить несколько системных ошибок, которые повторяются у большинства новых селлеров. Многие из них не очевидны на этапе загрузки, но заметно влияют на поведение покупателей.
10 ошибок в дизайне карточки, которые режут продажи
- ✓Главное фото снято на тёмном фоне - товар теряется в выдаче на белом фоне конкурентов
- ✓На всех слайдах один и тот же ракурс товара без новой информации
- ✓Инфографика сделана с ПК-ориентированным шрифтом - на мобиле текст нечитаем
- ✓Отсутствует слайд с размерами - покупатель уходит к конкуренту, чтобы не рисковать
- ✓Используются стоковые фото модели или интерьера, не соответствующие реальному товару
- ✓Нет ни одного слайда с демонстрацией товара «в использовании» - непонятны реальные габариты
- ✓Водяной знак другого магазина или фотографа виден на фото
- ✓Цвет товара на фото сильно отличается от реального из-за неправильного баланса белого
- ✓Все слайды в разном стиле - карточка выглядит несобранной
- ✓Главное фото не обновлялось после изменения упаковки товара
Как оценить качество дизайна: чек-лист перед публикацией
Перед тем как загрузить карточку на площадку, пройдитесь по этому чек-листу. Его удобно использовать самостоятельно или передать сотруднику, который занимается оформлением карточек.
- ✓Главное фото соответствует техническим требованиям площадки (фон, разрешение, соотношение сторон)
- ✓Товар на главном фото занимает большую часть кадра и чётко виден
- ✓В галерее есть слайд с ключевым УТП или главными характеристиками
- ✓Есть слайд с точными размерами или таблицей размеров (для одежды, мебели, аксессуаров)
- ✓Есть слайд с составом и материалом (для одежды, продуктов питания, косметики)
- ✓Все тексты на инфографике читаются на экране смартфона без увеличения
- ✓Цветовая гамма и шрифты единые по всему комплекту
- ✓Нет орфографических ошибок и опечаток на инфографике
- ✓Реальный цвет и вид товара соответствуют изображению
- ✓Карточка проверена в мобильном приложении маркетплейса, а не только в браузере
Проверяйте карточку именно в мобильном приложении маркетплейса: многие огрехи дизайна, незаметные на большом мониторе, сразу бросаются в глаза на экране телефона. По оценкам участников рынка, от 70 до 85% покупок на WB и Ozon совершается с мобильных устройств.
Вывод: дизайн карточки - это система, а не разовая задача
Сделать дизайн карточки товара один раз и забыть - распространённая ошибка. Площадки меняют требования, конкуренты обновляют оформление, ваш товар приобретает новые отзывы и характеристики, которые стоит вынести на инфографику. Карточка - это живой инструмент продаж.
Выстроите систему: определите единый стиль для всех карточек бренда (цвета, шрифты, структуру слайдов), выберите удобный инструмент для создания и обновления оформления, проверяйте результат на мобильном устройстве и периодически сравнивайте свои карточки с ТОПом выдачи в своей категории. Это не гарантирует мгновенного роста, но создаёт правильную основу для него.
Создать дизайн карточки товара можно силами дизайнера, самостоятельно в редакторе или с помощью AI-инструментов - у каждого подхода есть своя ниша. Главное - не воспринимать оформление как формальность. На конкурентном маркетплейсе визуальное качество карточки напрямую влияет на то, купят у вас или у соседа по выдаче.
Хотите быстро создать дизайн карточки товара из обычных фото? Попробуйте Продавашкин - сервис генерирует инфографику и описания на основе ваших снимков. Первые 3 карточки бесплатно по промокоду СТАРТ на prodavashkin.ru.
3 карточки бесплатно, промокод СТАРТ
частые вопросы
Сколько стоит сделать дизайн карточки товара?+
Диапазон широкий: от 0 рублей при самостоятельном оформлении в бесплатных редакторах (Canva) до 1500-5000 рублей за карточку у профессионального дизайнера. AI-сервисы вроде Продавашкина занимают среднюю нишу и позволяют получить готовый комплект за значительно меньшее время. Оптимальный вариант зависит от объёма каталога и требований к уникальности стиля.
Можно ли использовать одни и те же фото на WB и Ozon?+
Технически - да. Но у площадок разные требования к соотношению сторон (WB предпочитает 3:4, Ozon - 1:1 или свободное), разные правила по тексту на главном фото и разная аудитория. Опытные селлеры адаптируют главное фото под каждую платформу, а инфографику нередко делают общей. Минимум - проверьте, что фото соответствует техническим требованиям каждой площадки.
Нужна ли инфографика на главном фото или только на дополнительных слайдах?+
Зависит от площадки и категории. Ozon официально разрешает и поддерживает плашки на главном фото. WB формально не запрещает текст, но предупреждает, что карточки с нарушением гайдов категории могут быть скрыты. Общий совет: на главном фото - минимум текста (максимум одна короткая фраза-выгода), вся подробная инфографика - на слайдах 2-7.
Влияет ли качество дизайна карточки на позицию в поиске маркетплейса?+
Напрямую - нет: алгоритмы WB и Ozon не анализируют визуальное оформление карточки. Но дизайн влияет на CTR и конверсию в покупку, а эти показатели алгоритмы учитывают при ранжировании. Хорошее оформление также снижает процент возвратов (покупатель лучше понимает, что берёт), что тоже положительно сказывается на позициях. Так что связь есть, просто она косвенная.
читайте также