Марина получила «красивую» карточку: пять иконок, кислотные плашки и слово «ХИТ» на обложке. В ленте текст слипся, товар едва виден – и стыдно заливать, потому что непонятно, что ломает макет. Дизайн карточек товаров для маркетплейсов – не «нарисовать поярче», а уметь принять работу: обложка узнаётся за секунду, у каждого слайда одна задача, текст читается с телефона. Сегодня пройдёте чек-лист и сможете сказать «ок, заливаю» или дать студии 2–3 конкретные правки.
Суть простыми словами: продающий макет отличается от «красивой картинки» тем, что товар читается в крошечном превью, а слайды отвечают на вопросы покупателя по одному. Обложку держите почти чистой, инфографику – со второго кадра. Не пугайтесь мемов про «штраф 25 000 ₽ за текст на фото»: важнее убрать запрещённые смыслы и проверить читаемость.
На практике результат другой, чем «собрать в редакторе за вечер»: вы выбираете, что принять в кабинет, а что вернуть. Оформление визуала может занимать дни – стыд заливки лечится чек-листом, а не ещё одним слоем плашек. Если ТЗ ещё нет, сначала соберите бриф: как оформить бриф на дизайн карточек.
Отличите «красивый» макет от продающего в ленте
Боль простая: налепили все плюсы на обложку – в превью каша. Типичная ошибка Марины и многих новичков: думать, что «чем больше выгод на первом кадре, тем лучше кликают». В реальном проекте покупатель видит плитку размером с ноготь. Если товар не узнаётся за секунду, остальные иконки уже не спасают.
Продающий первый кадр – почти чистое фото: товар целиком, нейтральный контрастный фон, товар занимает максимум кадра. Маркетинговый текст, логотипы, бирки и акции на главном – частая ошибка по вторичным FAQ по фото WB. Инфографику на главную фотографию наносить не рекомендуется: плашки живут со второго слайда.
| Критерий | «Красиво» на глаз | Продаёт в ленте |
|---|---|---|
| Обложка | Пять иконок, «хит», скидка | Товар крупно, 0–1 короткая выгода |
| Задача слайда | Все плюсы сразу | Один вопрос покупателя на кадр |
| Проверка | «Мне нравится на мониторе» | Читается на телефоне рядом с конкурентами |
| Риск | Мода на кислотные плашки | Запрещённые смыслы и чужие лого |
Честно говоря, мем про «штраф 25 000 ₽ именно за маркетинговый текст на фото WB» часто преувеличен: в разборах перечня штрафов отдельного такого пункта может не быть, а 25 000 ₽ чаще связывают с введением в заблуждение по доступности. За «распродажу/−50%» бьют рейтинг и модерацию. Не пугайтесь выдуманной санкцией – уберите с обложки «хит/лучший/скидка» и чужие логотипы.
Если по чек-листу обложка уже каша, а править вечерами некогда – быстрее отдать макет на приёмку студии, чем заливать стыд в ленту. Ниже – что должно быть в наборе слайдов; в конце короткий тест и номер на консультацию.
Разложите слайды по ролям: базовый набор 5–7 кадров
Боль: макет «красивый», но непонятно, зачем покупать. Решение – базовый набор, где каждый кадр закрывает один вопрос. Для большинства SKU хватает 5–7 слайдов; сложным – до 6–8.
Схема ролей:
Обложка (товар крупно) → Выгоды 3–5 → Характеристики/факты → Сценарий применения → Комплект/масштаб → (по необходимости) детали
- Откройте макеты на телефоне рядом с 2–3 карточками конкурентов в реальной ленте категории.
- Проверьте обложку: товар целиком, фон нейтральный, без «хит/скидка/пять иконок»; если каша – правка №1.
- Разложите остальные кадры по ролям: выгоды, факты, сценарий, комплект; выкиньте пустые и дубли.
- Прогоните типографику: читается ли текст без зума, не залезает ли в углы под бейджи площадки.
- Сверьте техминимум: пропорция 3:4, ориентир 900×1200, формат и вес файла.
- Заполните чек-лист приёмки ниже → «заливаю» или «правки студии».
Например, слайд «выгоды» – не простыня из десяти строк: 3–5 тезисов достаточно. «Характеристики» – цифры с этикетки. «Комплект» показывает, что в коробке. Так вы получите понятный порядок до заливки. Язык плашек подробнее – в гайде по инфографике для маркетплейсов.
Проверьте типографику и контраст на превью телефона
Боль: текст не читается на смартфоне. На мониторе всё «чётенько», а в ленте буквы слипаются. Рекомендация: крупный контраст, мало тезисов, отступы от краёв – бейджи UI часто перекрывают углы.
Сделайте простой тест: уменьшите превью до ширины плитки или отойдите на вытянутую руку. Если не читаете без зума – слайд не готов. Часто ломается иерархия: заголовок и три иконки одного размера, фон кислотный, товар мелкий. Исправьте приоритет: сначала товар и одна мысль, потом декор.
- Не мельчите: лучше 3 крупных тезиса, чем 9 мелких.
- Контраст текста и фона должен держаться на ярком экране телефона.
- Оставьте «воздух» у краёв – безопасные зоны важнее идеальной симметрии.
- Не ставьте важную цифру в угол, где обычно висит бейдж.
После этой проверки вы сможете отличить «мне нравится» от «покупатель прочитает». Это первый практический результат вечера – не новая картинка в редакторе, а ясный вердикт по файлу.
Соберите референсы, не копируя чужой бренд
Референс – ориентир по композиции, не файл для клонирования. Соберите 3–5 карточек топа: где товар крупнее, текст короче, обложка чище. Выпишите принцип («товар занимает большую часть кадра») и перенесите на свой исходник – не чужой логотип и не чужие фото.
Нельзя скачивать чужие кадры и копировать фирменные плашки. Можно отметить сильный ход и попросить студию сделать то же с вашими фото. Если исходники «с кухни», сначала разберитесь со съёмкой. Выберите 2–3 хода как язык брифа («обложка без текста», «комплект крупно») – так проще править по делу, а не «на вкус».
Сверьте техминимум: dual-safe 900×1200
Боль: страх «не тех» пикселей. По вторичным FAQ для WB: JPG/PNG/WEBP, минимум около 700×900, файл до 10 МБ, до 30 фото. Практичный dual-safe ориентир под WB и Ozon – 900×1200 при 3:4. Официальные пиксели Ozon в этом прогоне не цитируем; детали – в гайде по размеру фото Wildberries и в материале про размер карточки Ozon.
Техчек: 3:4 → ориентир 900×1200 → JPG/PNG/WEBP → вес ≤10 МБ → товар не обрезан → на главном нет акций и чужих лого
Не делайте квадрат «как в Instagram» главным кадром: он сядет с полями. Не обещайте себе «закрою задачу бесплатным приложением за вечер» – путь этой статьи: принять файл или вернуть на правку.
Заполните чек-лист приёмки: заливать или править
Боль: стыдно сказать «переделайте», потому что нет слов. Решение – чек-лист. Зелёные пункты → «ок, заливаю». Два-три красных → конкретный список студии, а не «сделайте красивее».
- Обложка узнаётся за секунду в ленте рядом с конкурентами.
- На главном нет «хит/лучший/скидка», чужих лого и простыни иконок.
- У каждого слайда одна задача; нет дублей и пустых кадров.
- Текст на телефоне читается без зума; важное не в углах.
- Пиксели dual-safe (ориентир 900×1200 / 3:4), формат и вес в допуске.
- Единый стиль серии: шрифты, логика плашек, товар узнаваем от кадра к кадру.
- Вердикт зафиксирован: заливка или 2–3 правки с номерами слайдов.
Критерий успеха: заполненный чек-лист, а не «вроде норм». Если правок больше трёх и ассортимент растёт – разумнее тариф Хит или Профи на странице тарифов (Старт 2 500 ₽, Хит 6 000 ₽, Профи 12 000 ₽, доп. слайд 500 ₽).
Материал проверен: Stan (дизайнер карточек для Wildberries и Ozon).
Достоверность данных: техправила и ошибки главного фото – Seller Moon FAQ (зеркало рекомендаций WB); dual-safe 900×1200 и запреты надписей – SelSup и ContentPRO; набор слайдов – CallPlex / Pixsora / Bitiy Pixel; конфликт про «штраф 25 000 ₽» – разбор SelSup (август 2026). Частотность «дизайн карточек товаров для маркетплейсов» – Яндекс Вордстат на 2026-09-05 (live 261).
Частые вопросы
Чем дизайн карточки для маркетплейса отличается от баннера для сайта?
На сайте человек уже «у вас». В ленте WB/Ozon он сравнивает плитки размером с ноготь. Проверьте обложку в превью: товар должен читаться без зума. Не переносите сайт-баннер с кучей текста на главный кадр.
Сколько слайдов заказывать на один товар?
Для большинства SKU ориентир 5–7: обложка, выгоды, факты, сценарий, комплект. Сложному товару добавьте деталь. Не заказывайте 15 одинаковых «красивых» кадров без ролей.
Можно ли оставить инфографику на первом фото?
По вторичным рекомендациям для WB инфографику на главную наносить не стоит. Оставьте чистое фото товара; плашки – со второго слайда. Каша на обложке – правка №1 в чек-листе.
Что делать, если дизайнер прислал «хит» и скидку на обложке?
Верните правкой: уберите превосходства, цены и акции с картинки. Напишите конкретно: «слайд 1 – только товар, без слова хит». Так вы сэкономите нервы и не зальёте рисковый смысл «как есть».
Какой размер файла держать между WB и Ozon?
Держите 3:4 и dual-safe ориентир 900×1200, форматы JPG/PNG/WEBP, вес до 10 МБ. Точные таблицы пикселей – в отдельных гайдах по размерам; здесь достаточно одного мастер-фрейма для приёмки.
Стоит ли собирать карточку самому в редакторе вместо студии?
Редактор можно использовать, чтобы понять структуру или принести черновик на приёмку. Успех статьи – не «закрыть всё за вечер без дизайнера», а уметь принять работу или собрать бриф. Если чек-лист красный, а времени нет – отдайте студии.
Когда пора звать студию, а не править ещё раз?
Когда обложка не читается третий круг, правок больше трёх или растёт каталог. Зафиксируйте чек-лист и роли слайдов в брифе – так получите меньше правок «на вкус» и быстрее выйдете в кабинет.
Снова получили «красиво», а в ленте стыдно открывать? Не гадайте по вкусу. Три вопроса – разберём макет на бесплатной консультации.