·12 мин чтения·Дизайн карточки

Примеры карточек товара: разбор удачных на WB и Ozon

Разбор удачных карточек товара по категориям: одежда, косметика, электроника, дом, детское, еда. Что именно работает на конверсию и почему.

Примеры карточек товара: разбор удачных на WB и Ozon

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

Что делает карточку товара удачной

Удачная карточка проходит несколько фильтров, и эти фильтры не зависят от категории. Они одни и те же для платья, дрели и упаковки кофе.

1. Главное фото считывается за несколько секунд. В выдаче маркетплейса покупатель листает ленту и на каждую карточку тратит секунды, а не минуты. За это время он должен понять, что это за товар и в чём его ключевая выгода. Если за первые секунды непонятно — карточку пролистывают, и неважно, сколько часов ушло на её подготовку. Это про клик в выдаче; чтобы карточка вообще попала в нужную выдачу, работает её текстовый слой — заголовок, характеристики, описание.

2. На главном фото — товар крупно, без лишнего. Покупатель видит превью размером с ноготь. Товар должен занимать большую часть кадра, фон — нейтральный, посторонних предметов и рекламных плашек нет. Чем больше «шума» вокруг товара, тем хуже он читается в маленькой плитке.

3. Инфографика выносит главные выгоды. Текст под фото в плитке выдачи покупатель почти не читает — он смотрит на картинку. Поэтому ключевые свойства (объём, размер, материал, срок работы) выносят прямо на кадр в виде короткой подписи и пары иконок. Удачная инфографика — это один главный сигнал и два-три уточняющих, а не десять подписей одновременно.

4. Единый стиль серии. Все кадры карточки — один фон, одна палитра, одна типографика, одна логика подписей. Если кадры «разваливаются» (студийное фото, сток, скриншот из видео и инфографика в разных шрифтах), покупатель бессознательно читает это как «несерьёзный магазин» и теряет доверие.

5. Фон и форматы — по правилам площадки. WB и Ozon — разные среды со своими требованиями к фону, размерам и формату. У Ozon фоны главного фото регламентированы по категориям. У WB фон свободнее, но есть требование к контрасту текста. Карточка, перенесённая с одной площадки на другую «как есть», обычно проигрывает. Подробнее про тренды и правила оформления — в гайде по дизайну карточки товара.

Если карточка проходит эти пять фильтров — она конкурентоспособна в своей категории. Дальше начинаются нюансы, и они для каждой категории свои.

Разбор по категориям: что отличает удачную карточку

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

Одежда

Главное фото. В удачной карточке одежды товар показан так, чтобы покупатель сразу понял посадку и образ: вещь на модели или аккуратно разложена «как лежит». Кадр вертикальный, вещь занимает большую часть площади, фон нейтральный. Главный вопрос, на который отвечает фото, — «как это будет выглядеть на мне».

Серия кадров. Удачная серия для одежды показывает вещь со всех сторон и в контексте: спереди, сзади, сбоку, крупный план ткани и шва, ярлык с составом, lifestyle-кадр в обстановке носки. Каждый кадр закрывает свой вопрос — крой, материал, посадка, сочетаемость.

Инфографика. В одежде её немного: состав ткани, доступные размеры, ключевая особенность (утепление, мембрана, влагозащита). Перегружать кадр подписями здесь не нужно — покупатель в первую очередь смотрит на саму вещь.

Типографика и фон. Спокойный нейтральный фон, который не спорит с вещью, один sans-serif шрифт, минимум подписей. Цвет вещи на фото обязан совпадать с реальным — расхождение цвета даёт возвраты и негативные отзывы.

Почему работает. Одежду покупают через самопрезентацию: человек примеряет образ на себя. Кадр на модели «как я» (по возрасту, типу фигуры, стилю) и честная передача посадки снимают главное сомнение — «подойдёт ли мне», — и человек добавляет в корзину.

Косметика

Главное фото. Удачная карточка косметики показывает упаковку крупно на чистом фоне, с читаемой этикеткой и точным цветом. Один продукт в кадре, не россыпь баночек. Лёгкая мягкая тень под продуктом добавляет ощущение реальности.

Серия кадров. Логика серии — закрыть вопросы про текстуру и результат: текстура продукта на руке или поверхности, swatch-полоски оттенков на коже (для цветных средств), ключевые ингредиенты или состав в иконках, результат применения, кадр с масштабом упаковки, бренд и сертификаты.

Инфографика. В косметике несколько обязательных элементов: объём, главный ингредиент или эффект, тип кожи или возраст, награды или рейтинг (если реальные), отличие от конкурентов (без отдушек, веганская формула, российский бренд). Больше пяти элементов на кадре — уже шум.

Типографика и фон. Чистый белый или светло-серый фон для главного, аккуратный sans-serif, спокойная палитра под премиум и более яркая под масс-маркет и молодую аудиторию. Цветные подложки на главном фото обычно мешают, их место — на дополнительных кадрах.

Почему работает. Косметику покупают через заботу о себе и ожидание результата. Покупатель не может потрогать текстуру и проверить оттенок, поэтому удачная серия делает это за него — показывает swatch, текстуру, эффект. Полный разбор категории — в статье про карточку косметики на Wildberries.

Электроника

Главное фото. Удачная карточка электроники показывает устройство в три четверти на нейтральном, часто холодном или тёмном фоне. Видны корпус, основные элементы, иногда — экран с интерфейсом. Кадр выглядит аккуратно и технологично.

Серия кадров. Серия для электроники объясняет устройство: общий вид, кадр с интерфейсом или экраном, разъёмы и порты крупно, устройство в руке или в работе для масштаба, комплектация (что в коробке). Покупатель электроники хочет разобраться в характеристиках до покупки.

Инфографика. Здесь инфографики больше, чем в одежде: ключевые цифры (ёмкость, мощность, время работы, разрешение), совместимость (iOS и Android, тип разъёма), главные функции иконками. Цифры — крупно, потому что именно по ним покупатель сравнивает товары между собой.

Типографика и фон. Холодные тона, белый, чёрный, тёмно-синий, строгий технический sans-serif, выровненные подписи. Тёмный фон поднимает воспринимаемую стоимость и считывается как «дорого и качественно».

Почему работает. Электронику покупают через компетентность и контроль: человек хочет понять, что покупает, и сравнить с альтернативами. Удачная карточка даёт ему точные характеристики и понятную инфографику, и сомнение «разберусь ли я в этом и подойдёт ли оно» снимается.

Товары для дома

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

Серия кадров. Серия показывает товар в реальном интерьере (lifestyle в комнате), крупный план материала и фактуры, кадр с масштабом (товар рядом с привычным предметом), варианты применения или комплектации. Главный вопрос покупателя — «как это будет жить в моём доме».

Инфографика. Габариты и размеры (важнее всего — покупатель боится, что не впишется по размеру), материал, особенности ухода, комплектация. Размеры лучше показывать наглядно — схемой с подписями, а не только текстом.

Типографика и фон. Тёплые натуральные тона, дерево, лён, спокойный sans-serif. Lifestyle-кадр в обжитой комнате работает сильнее, чем товар на пустом белом фоне, — он помогает «примерить» вещь к своему пространству.

Почему работает. Товары для дома покупают через комфорт и принадлежность: «это будет в моём доме». Lifestyle в реальной комнате и честные габариты снимают два главных страха — «не подойдёт по стилю» и «не подойдёт по размеру».

Детские товары

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

Серия кадров. Серия для детских товаров делает упор на безопасность и применение: товар в использовании (ребёнок играет, ест, спит), крупный план материала, сертификаты и значки безопасности, размер и возрастная маркировка, комплектация. Родитель внимательно проверяет, подходит ли товар по возрасту и безопасен ли он.

Инфографика. Возраст (на сколько лет рассчитан товар), безопасность материала (гипоаллергенно, без вредных веществ), размер, ключевая польза. Сертификаты и значки безопасности — отдельным акцентом.

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

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

Еда и напитки

Главное фото. Удачная карточка еды показывает продукт аппетитно и в реальном виде: упаковка крупно с читаемым названием, а рядом или на дополнительном кадре — сам продукт «как он выглядит на тарелке». Тёплый свет и насыщенный, но честный цвет работают на аппетит.

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

Инфографика. Вес или объём, состав и ключевые свойства (без сахара, высокий белок, натуральный состав), срок годности и условия хранения, способ приготовления. Цифры по весу и составу выносят крупно.

Типографика и фон. Тёплая палитра, аппетитный свет, простой sans-serif. Фон может быть чуть теплее и фактурнее, чем в электронике, — это поддерживает ощущение «вкусно и натурально», но не должен мешать читать упаковку.

Почему работает. Еду покупают через аппетит и доверие к составу. Аппетитный кадр готового продукта вызывает желание, а честный состав и понятный вес снимают сомнение «что я на самом деле получу за эти деньги».

Удачные и неудачные карточки: в чём разница

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

Перегруженное главное фото. Восемь подписей, пять иконок, стрелки и рамки на одном кадре — это шум. За первые секунды покупатель успевает считать один-два элемента, не больше. Удачная карточка даёт ему один главный сигнал.

Товар мелкий или в углу. Если товар занимает половину кадра или сдвинут к краю, в маленькой плитке выдачи от него остаётся пятнышко. Удачная карточка ставит товар крупно и в центр.

Разнобой в серии. Первый кадр студийный, второй — сток, третий — скриншот, четвёртый — инфографика в другом шрифте. Это убивает доверие сильнее, чем не самое идеальное качество одного фото. Удачная серия выглядит как один набор.

Низкий контраст текста. Бледный текст на цветном фоне или серый по серому не читается на телефоне, а площадка может отклонить такой кадр. Удачная инфографика всегда контрастная.

Рекламные плашки поверх фото. «-90%», «Хит продаж!», «Только сегодня!» на главном фото нарушают правила площадок, и карточку могут скрыть из выдачи. Удачная карточка обходится без таких плашек.

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

Чек-лист: карточка готова

Короткий список, по которому можно проверить готовую карточку в любой категории:

Если по списку нашлись слабые места — что именно переделывать и в какой последовательности, разобрано в чек-листе по конверсии карточки. Почему мозг покупателя реагирует именно так — в статье про психологию карточки товара.

Как собрать такую карточку через Облик

Разобрать удачные карточки — половина дела. Вторая половина — собрать свою по тем же принципам, не повторяя чужие фотографии. Здесь и помогает Облик: он использует нейросеть Nano Banana 2 и собирает серию кадров и инфографику по правилам площадок. Загружаете фото своего товара, указываете категорию и сценарий — получаете серию в единой палитре, с правильным фоном и читаемой инфографикой.

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

FAQ

Где взять примеры удачных карточек товара для своей категории?

Смотрите топ-10 карточек в вашей категории и ценовой зоне прямо в выдаче WB или Ozon — это и есть актуальные удачные примеры. Анализируйте структуру серии, расположение инфографики, фон и палитру. Копировать чужие карточки нельзя — это нарушение авторских прав на дизайн и фото, и копия всегда проигрывает оригиналу в восприятии. Берите принципы — порядок кадров, логику инфографики, цветовые решения — и реализуйте под свой товар.

Чем отличается удачная карточка от неудачной?

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

Сколько кадров должно быть в удачной карточке?

Минимум пять разных кадров: главное фото (товар крупно на нейтральном фоне), lifestyle (товар в обстановке использования), крупный план детали или фактуры, кадр с масштабом (товар рядом с привычным предметом), инфографика с ключевыми свойствами. Для одежды и сложной электроники — семь и больше. Меньше пяти — алгоритм маркетплейса воспринимает карточку как незаполненную, а покупатель видит «магазин не позаботился».

Можно ли использовать в карточке фото, сгенерированные нейросетью?

Да, маркетплейсы не запрещают визуал, сделанный нейросетью, если он соответствует требованиям к фону, размерам и достоверно показывает товар. Важно, чтобы цвет и форма товара совпадали с реальными — иначе это даёт возвраты и негативные отзывы. Удачный гибрид: главное фото и lifestyle-сцены через нейросеть, а кадры, где критична точность (swatch оттенков, текстура, лицо модели крупным планом), — реальная съёмка.

Отличается ли удачная карточка на WB и на Ozon?

Принципы общие, но требования к фону и форматам разные. У Ozon фоны главного фото регламентированы по категориям, у WB фон свободнее, но есть требование к контрасту текста. Размеры и пропорции тоже отличаются. Поэтому карточку, удачную на одной площадке, перед переносом на другую нужно адаптировать под её правила, а не загружать «как есть».