Дизайн карточек товара для маркетплейсов

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

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

Что решает первый слайд

Первый слайд виден в выдаче. Его задача одна — чтобы на карточку нажали. Значит на нём должно быть:

• сам товар, крупно и целиком. Не в интерьере, не в руках модели, не под углом, где не видно формы;
• одна главная характеристика — та, по которой выбирают именно этот товар: длина ленты у рулетки, ёмкость у аккумулятора, объём у флакона;
• название так, как его ищут, а не так, как оно записано в 1С.

Всё остальное — на второй и третий слайд. Попытка уместить на первый все выгоды разом даёт мелкий текст, который в ленте не читается.

Композиция: не одна на все товары

У товаров с чёткими характеристиками — инструмент, автотовары, стройматериалы — выигрывает подача, где цифры на виду: заголовок сверху, характеристики отдельной панелью, пункты колонкой. Покупают по цифрам, значит цифры и должны быть первыми.

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

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

Требования площадок, о которые спотыкаются

Размер. Вертикаль 3:4 подходит Вайлдберриз, Озону и Яндекс.Маркету сразу. Мы отдаём 1200 × 1600 — крупнее рекомендованного минимума, чтобы карточка не мылилась при увеличении. Для Мегамаркета нужен квадрат, он собирается отдельно.

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

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

Три ошибки, которые видно сразу

1. 1Мелкий текст. Читается на мониторе, пропадает в ленте телефона. Если характеристику нельзя прочитать, не увеличивая, — её там нет.
2. 2Обрезанный заголовок. Многоточие в середине названия выглядит как брак. Длинное название нужно подгонять по размеру и переносить по слогам, а не резать.
3. 3Обещания, которых нет в характеристиках. Они дают клик, а потом возврат и претензию — то есть стоят дороже, чем отсутствие клика.

Как собрать такой дизайн без дизайнера

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

Готовые кадры, собранные этим способом, — на странице примеры карточек товара. Собрать свою можно в генераторе карточек товаров, первая — бесплатно.

Частые вопросы

Сколько слайдов нужно в карточке? Обычно три-четыре: обложка, характеристики, отличие или сценарий использования. Серия собирается на одном фоне.

Можно ли поменять композицию, когда карточка уже собрана? Да, и это бесплатно. Кадр не перерисовывается, текст переезжает в новую раскладку и подгоняется по длине.

Нужен ли отдельный дизайн под каждую площадку? Нет. Вертикаль 3:4 подходит трём площадкам сразу, отдельно собирается только квадрат для Мегамаркета.