Карточку товара обычно делают в обратном порядке: сначала ищут красивый шаблон, потом пытаются понять, что в него написать. Отсюда нарядные галереи, которые не отвечают ни на один вопрос покупателя.
Ниже порядок, который работает: сомнения покупателя, съёмка под них, раскладка по карточкам и только в конце оформление. Шесть шагов, от списка вопросов до загрузки в кабинет.
Что такое карточка товара
Карточкой называют две разные вещи. Для площадки это вся страница товара: название, цена, характеристики, описание и галерея. Для продавца в разговоре о дизайне карточка — одно изображение из этой галереи, то самое, где поверх фотографии стоят плашки с доводами.
Дальше речь про вторую: набор из нескольких изображений, который покупатель листает и по которому решает, покупать ли. Первое изображение галереи называют обложкой, оно же показывается в поисковой выдаче площадки.
Шаг 1. Соберите сомнения покупателя
Начните не с камеры. Откройте отзывы и вопросы у трёх конкурентов в своей категории и выпишите то, что повторяется: что не подошло, чего не хватило, о чём спрашивают перед покупкой.
У шуруповёрта это обычно комплект поставки и то, влезет ли инструмент в узкий шкаф. У шампуня — объём флакона и состав. Собранный список и есть техзадание на съёмку: каждая строчка превращается в кадр.
Пяти-шести пунктов достаточно. Больше в галерею всё равно не поместится, а лишние доводы разбавляют сильные.
Шаг 2. Снимите ракурсы под эти вопросы
На каждое сомнение нужен кадр, который на него отвечает. Минимальный набор: товар целиком спереди, вид с другой стороны, крупная деталь материала и кадр с ладонью или на человеке для масштаба.
Снимать можно на телефон: свет из окна, выключенные лампы, одна поверхность под всеми кадрами. Как это делается по шагам, разобрано в статье о съёмке товара на телефон. Держите одну поверхность и один источник света на всю съёмку, иначе галерея развалится на кадры от разных продавцов.
Снимайте вертикально: карточки на маркетплейсах живут в вертикальном формате, и из горизонтального кадра при обрезке уйдёт половина композиции.
Шаг 3. Разложите доводы по карточкам
Галерею листают подряд, поэтому порядок задаёт сценарий: на каждом шаге покупатель задаёт следующий вопрос. Рабочая последовательность выглядит так:
- Обложка — что это за товар.
- Комплектация — что придёт в коробке.
- Товар в работе — как им пользуются.
- Размер и посадка — подойдёт ли.
- Материалы и детали — из чего сделан.
- Отдельная особенность — то, чего нет у соседей по выдаче.
Каждая карточка отвечает на свой вопрос. В нашем разборе шуруповёрта Makita вышло именно так: на обложке крутящий момент, на второй карточке подписанный комплект из кейса, зарядного и двух аккумуляторов, на четвёртой — длина корпуса 179 мм и закручивание самореза внутри узкого шкафа. Шесть готовых карточек и пять исходников к ним открыты в кейсах.
Шаг 4. Соберите инфографику
Плашка нужна там, где фотография не договаривает. Всё остальное место оставьте товару.
Что держать в голове при вёрстке:
- на карточке одна мысль; если текста набралось больше двух строк, его не дочитают;
- кегль такой, чтобы главную надпись было видно на превью в поиске;
- тёмное по светлому или светлое по тёмному, под плашкой спокойный участок фона;
- плашка не закрывает то, ради чего покупатель открыл карточку;
- один шрифт на всю серию.
Подробный разбор, что выносить на плашки и что на них не работает, — в статье про инфографику.
Отдельно про запреты, потому что на них ловятся почти все новички. Ozon не пропускает надписи с ценами и скидками, контакты и ссылки, призывы к действию, а также условия доставки и возврата. Wildberries прямо не запрещает маркетинговый текст на главном фото, но предупреждает, что слова вроде «распродажа» и «спецпредложение» могут снизить рейтинг карточки. Пишите факты о товаре — они проходят везде и не устаревают вместе с акцией.
Шаг 5. Приведите файлы к требованиям площадки
Соберите комплект в вертикали 900×1200 пикселей: это рекомендованный размер Ozon, и он с запасом перекрывает минимум Wildberries в 700×900. Вес держите до 10 МБ на файл.
Авито считает иначе: там разрешение не больше 1920×1080 и не больше десяти фотографий в объявлении, так что вертикальный комплект придётся кропать отдельно. Точные цифры трёх площадок с ссылками на их справки собраны в разборе размеров.
Шаг 6. Проверьте карточки до загрузки
Откройте готовую обложку в масштабе поисковой выдачи. Если в этом размере непонятно, что за товар, и главная надпись сливается в полоску, правьте обложку до загрузки.
Дальше короткий прогон: товар нигде не обрезан краем, цвет совпадает с реальным, свет и поверхность одни на всю серию, углы обложки свободны (Ozon кладёт туда свои бейджи), порядок изображений соответствует сценарию из третьего шага.
Чем отличается карточка на Ozon, Wildberries и Авито
Механика везде одна, различия сводятся к формату файла и к тому, что можно писать поверх фотографии.
| Площадка | Формат | Инфографика |
|---|---|---|
| Ozon | вертикаль 3:4, 900×1200 | разрешена, кроме Селекта и Ozon Fresh |
| Wildberries | минимум 700×900 | не запрещена, акции влияют на рейтинг |
| Авито | до 1920×1080, до 10 фото | текст о преимуществах на первом фото можно |
Ozon Fresh и платформа Селект — исключения: там нужны фотографии без надписей и иконок поверх товара.
Сколько это стоит: руками, дизайнер или нейросеть
Своими руками в Figma или Canva — бесплатно по деньгам и дорого по времени: на первую серию из шести карточек уходит вечер, если вы уже умеете верстать. Основное время съедает не вёрстка: думать приходится о том, что вынести на плашку, куда её положить и как удержать один стиль на шести файлах.
Дизайнер на фрилансе решает это за вас и стоит от нескольких тысяч рублей за комплект. Разумно, когда товаров немного и вы готовы ждать правки день-два.
Нейросети закрывают тот же путь за минуты, но у них есть цена: многие генераторы перерисовывают сам товар, и покупатель получает не то, что видел на картинке. Sellveno устроен иначе: ваше фото идёт в генерацию главным слоем, сервис достраивает вокруг него сцену, графику и плашки, а форма, цвет и логотип остаются с вашего кадра. Стиль вы выбираете из предложенных направлений, и утверждённая обложка задаёт оформление всему комплекту — до шести карточек за один проход.
Частые вопросы
Сколько фотографий нужно для карточки товара?
Ориентируйтесь на шесть: столько изображений покупатель успевает пролистать. Меньше тоже работает, если у товара два внятных ракурса. Формально площадки разрешают больше — Ozon и Wildberries до 30 изображений, Авито до 10, — но хвост галереи почти никто не досматривает.
Как сделать карточку товара в Figma?
Соберите артборд 900×1200, положите фотографию фоном, сверху текстовые плашки, а сетку и шрифты вынесите в компоненты, чтобы вторая карточка серии повторяла первую. Готовый комплект экспортируйте в JPG или PNG. Figma удобна, когда вы делаете десять вариантов одного макета; для одного товара её настройка занимает больше времени, чем сама вёрстка.
Как сделать карточку товара с помощью ИИ?
Загрузите фотографии в сервис, который работает с исходником, а не рисует товар заново, выберите стиль и проверьте плашки: каждая цифра на них должна браться из ваших данных или с самой фотографии. Придуманные проценты вернутся возвратами и отзывами. Сравнение семи таких сервисов с ценами и бесплатными пробами — в обзоре нейросетей для карточек.
