Дизайн карточки товара: правила, требования, примеры
Дизайн карточки товара решает, заметят товар или пролистают. Покупатель не читает описание, пока не открыл карточку, а открывает по первому экрану — обложке. Поэтому грамотный дизайн карточки товара на маркетплейсе — это не про красоту, а про деньги: тот же товар с сильной обложкой продаётся ощутимо лучше. Разберём правила продающего оформления, требования площадок и как оформить карточку товара без дизайнера.
Почему первый экран решает всё
В ленте маркетплейса покупатель тратит на карточку меньше секунды. За это время он не успевает прочитать ни название, ни цену вдумчиво — он реагирует на картинку. Если обложка за долю секунды отвечает «что это и почему стоит открыть», вы получаете клик. Не ответила — товар уходит в прокрутку, и алгоритм это запоминает: меньше кликов в выдаче → ниже позиция.
Вот почему оформление обложки важнее, чем кажется. Хорошее фото товара — это половина дела. Вторая половина — как этот товар подан: что вынесено на первый план, что читается с миниатюры, какая выгода бьёт в потребность покупателя.
Принципы продающего дизайна карточки товара
Сильная карточка собирается из нескольких правил. Их немного, и они работают в любой категории.
- Первый экран решает всё. Обложка за долю секунды отвечает, что это и почему открыть
- Один сильный смысл крупно — не «качественная сумка», а «помещается ноутбук 15"»
- Иерархия: главное крупно, детали мельче — глаз сразу находит суть
- Контраст и читаемость: текст читается с миниатюры, без надписей на пёстром фоне
- Выгоды, а не характеристики — не «хлопок 100%», а «дышит и не парит летом»
- Воздух: пустое место направляет взгляд и не даёт карточке слипнуться в кашу
Разберём два пункта, на которых чаще всего спотыкаются.
Один смысл вместо списка достоинств. Соблазн вынести на обложку всё сразу: и материал, и размер, и гарантию. В итоге не считывается ничего. Сильнее работает один тезис, ради которого товар берут. Для рюкзака это не «прочный и удобный», а «помещается ноутбук 15"». Для термоса — не «качественный металл», а «горячий чай 12 часов». Конкретика, которую покупатель примеряет на себя.
Выгоды вместо характеристик. Характеристика — это факт о товаре. Выгода — что этот факт даёт покупателю. «Хлопок 100%» — характеристика, «дышит и не парит летом» — выгода. Покупатель не переводит цифры в пользу сам, это работа карточки.
Возьмите каждую характеристику и допишите «...а значит, для меня это». «Ёмкость 20 000 мА·ч» → а значит, заряжает телефон 4 раза за поездку. «Нагрузка до 150 кг» → а значит, выдержит любого взрослого. На обложку выносите вторую часть.
Требования маркетплейсов к дизайну
Карточки товара для маркетплейсов оформляют не только красиво, но и под формальные требования площадок — иначе модерация развернёт, и товар не выйдет в продажу. Главное, что отличается между площадками, — формат главного фото.
| Параметр | Wildberries | Ozon | Яндекс Маркет |
|---|---|---|---|
| Главное фото | 3:4, от 900×1200 | 3:4 | 3:4 |
| Дополнительные фото | 3:4 | 3:4 | 3:4 |
| Текст | кириллица читаемая | чёткие шрифты | единая палитра |
| Запрещено | чужие логотипы | латиница вместо русского | недоказуемые обещания |
- Wildberries
- 3:4, от 900×1200
- Ozon
- 3:4
- Яндекс Маркет
- 3:4
- Wildberries
- 3:4
- Ozon
- 3:4
- Яндекс Маркет
- 3:4
- Wildberries
- кириллица читаемая
- Ozon
- чёткие шрифты
- Яндекс Маркет
- единая палитра
- Wildberries
- чужие логотипы
- Ozon
- латиница вместо русского
- Яндекс Маркет
- недоказуемые обещания
Чужие логотипы на фото (даже случайно попавший бренд в кадре), латиница вместо русского текста на инфографике и обещания, которые нельзя подтвердить («лучший на рынке», «№1»). Эти три пункта запрещены на всех площадках сразу — проверяйте каждую карточку перед загрузкой.
Тренды дизайна карточек в 2026
Оформление, которое работало два года назад, сегодня выглядит шумным. Куда сместился продающий дизайн:
- Чистые студийные сцены вместо кричащих коллажей. Товар на ровном свете продаёт лучше, чем фон из десяти ярких плашек.
- Аннотации к деталям — выноски с характеристиками прямо к точкам на товаре. Особенно сильно в технике и инструментах: показать мощность, габариты, разъёмы.
- Единый стиль линейки — бренд считывается, когда все карточки выглядят как одна съёмка: тот же свет, фон и палитра.
- Анимированные обложки — короткое видео в выдаче собирает больше внимания, чем статичная картинка.
Как делать карточки товаров для маркетплейсов без дизайнера
Раньше за дизайном шли к дизайнеру и платили тысячи рублей за карточку, а на линейку уходили недели правок. Сейчас оформить карточку товара можно нейросетью — и собрать сразу по всем правилам выше.
В INVOKA это выглядит так: вы загружаете фото со смартфона, пишете заголовок и пару тезисов. Сервис убирает фон, ставит товар в студийную сцену, выставляет свет и собирает инфографику. Текст выходит чистой кириллицей — без «мыла» и случайных латинских букв, которыми грешат универсальные генераторы. А серию карточек можно сделать в едином стиле за один присест.
Сфотографируйте товар
На смартфон, целиком и в фокусе. Студия и свет не нужны, фон уберёт нейросеть.
Откройте режим «Карточка» и выберите формат
3:4 для главного фото WB и Ozon (от 900×1200)
Впишите заголовок и 2–4 тезиса
Один сильный смысл на обложку, остальное короткими фразами по выгодам.
Выберите стиль инфографики
Под свою категорию и сцену.
Сгенерируйте и скачайте JPG
Через минуту карточка готова к загрузке в кабинет маркетплейса.
Стили инфографики подобраны под задачи: объёмные иконки для конкурентных категорий, аннотации с выносками для техники, WB-стиль под привычную аудиторию Wildberries. Не понравился результат — поменяли заголовок или стиль и сгенерировали заново. Это секунды, а не новый заказ дизайнеру.
- Карточка за минуту против дней ожидания дизайнера
- Чистая кириллица на картинке — без латиницы и артефактов
- Серия в едином стиле для всей линейки за один присест
- Правки — это перегенерация, а не переписка и ожидание
- 40 кредитов на старте без привязки карты
- Нестандартный фирменный стиль с нуля всё же лучше делает живой дизайнер
- Нужно хорошее исходное фото — размытый или обрезанный товар испортит результат
Примеры дизайна по категориям
Правила одни, но акценты в разных категориях смещаются. Где на что давить:
- Одежда. Фотосессия со стабильным актёром и единый свет на всю линейку — карточки читаются как один лукбук. Покупатель видит вещь на человеке, а не на вешалке, и серия выглядит как съёмка бренда.
- Косметика. Мягкий студийный свет, чистый фон, акцент на текстуре — крем, блеск, помол. Здесь продаёт ощущение качества, а не плашки с текстом.
- Техника и инструменты. Аннотации с характеристиками прямо к деталям: мощность, габариты, что в комплекте. Покупатель сразу видит цифры, которые ищет, и не уходит читать описание.
Частые ошибки дизайна, из-за которых карточка не продаёт
- Перегруз текстом. Семь тезисов мелким шрифтом не читает никто. Три-четыре по выгодам — потолок.
- Латиница вместо кириллицы. Болячка дешёвых генераторов: каша вместо русских букв. Для WB и Ozon это брак.
- «Мыло». Размытый текст и артефакты убивают доверие к товару.
- Нет главного. Когда на обложке всё кричит одинаково крупно, не слышно ничего.
- Разнобой в линейке. Карточки в разном стиле не строят бренд. Делайте серию в едином оформлении.
Чек-лист перед загрузкой
Перед тем как отправить карточку на модерацию, пройдитесь по короткому списку. Он закрывает и продающую часть, и формальные требования площадок.
- Главный смысл на обложке — один и крупно?
- Характеристики переведены в выгоды?
- Текст читается с миниатюры, без надписей на пёстром фоне?
- Формат верный: 3:4 для WB и Ozon?
- Только кириллица, без латиницы и «мыла»?
- Нет чужих логотипов и недоказуемых обещаний?
- Вся линейка — в едином стиле?
Вывод
Дизайн карточки товара работает на деньги: обложка забирает клик в выдаче, иерархия и выгоды удерживают внимание, единый стиль линейки строит узнаваемость бренда. Правила несложные — один сильный смысл крупно, выгоды вместо характеристик, читаемость с миниатюры, воздух и формат под площадку. И всё это теперь собирается без дизайнера: за минуту, с телефонного фото.
Если хотите сразу видеть результат на своём товаре — соберите карточку по правилам из этой статьи. Дальше можно сравнить с тем, что у вас сейчас, и собрать всю линейку в одном стиле. Подробнее о готовых решениях — на странице карточки товара для маркетплейсов, а про инфографику отдельно — в материале инфографика карточки товара.
