Карточки товаров для маркетплейсаMarketplace product card infographics
Инфографика для OzonOzon product cards
14 слайдов для четырёх товаров: шейкер, TWS-наушники, электробритва и швабра с распылителем. Главный слайд, слайды с преимуществами, устройством и размерами, три варианта главного для A/B-теста.14 slides for four products: a shaker, TWS earbuds, an electric shaver and a spray mop. Main slide, benefit, anatomy and size slides, plus three main-slide variants for an A/B test.
- РольRole
- Дизайнер: структура карточки, тексты, фото, вёрсткаDesigner: card structure, copy, photos, layout
- ОбъёмScope
- 4 товара, 14 слайдов, 3 варианта главного для A/B4 products, 14 slides, 3 main-slide variants for A/B
- ФорматFormat
- 3:4, 900×1200, экспорт 1200×16003:4, 900×1200, exported at 1200×1600
- ИнструментыTools
- Higgsfield (GPT Image), Figma AI, Figma, HTML/CSSHiggsfield (GPT Image), Figma AI, Figma, HTML/CSS
ПодходApproach
- Товар крупноProduct first
- Товар занимает основную часть кадра и виден целиком, как требует Ozon. В выдаче на телефоне карточка шириной около 170 пикселей, поэтому мелочи убраны.The product fills most of the frame and is shown whole, as Ozon requires. In mobile search the card is about 170 px wide, so small details are cut.
- Одна мысль на слайдOne idea per slide
- Главный слайд — название и три цифры, которые отличают товар. Остальные слайды отвечают на вопросы покупателя: как устроен, сколько работает, какого размера, что в комплекте.The main slide carries the name and three numbers that set the product apart. The other slides answer buyer questions: how it works, how long it lasts, how big it is, what is in the box.
- Свободные углыClear corners
- Ozon кладёт поверх фото кнопки избранного и плашки акций, поэтому в углах нет важного текста.Ozon overlays favourite buttons and promo badges, so the corners carry nothing important.
- Свой стиль у товараA style per product
- У каждого товара своя палитра и шрифтовая пара, одинаковые на всех его слайдах.Each product has its own palette and type pair, consistent across all of its slides.
Шейкер: три главных для A/BShaker: three main slides for A/B
Три главных слайда проверяют разные мотивы покупки: рациональный (цифры), эмоциональный (результат в зале) и «всё в одном». На тесте по CTR видно, какой работает лучше.
The three main slides test different buying motives: rational (numbers), emotional (the result in the gym) and all-in-one. A CTR test shows which one wins.
НаушникиEarbuds
ЭлектробритваElectric shaver
ШвабраSpray mop
ПроизводствоProduction
- Фото товаров и сцен сгенерированы в Higgsfield (GPT Image). Первый кадр товара использовал как референс для остальных, чтобы товар не менялся от слайда к слайду.Product and scene photos were generated in Higgsfield (GPT Image). The first product shot served as the reference for the rest, so the product stays the same across slides.
- Фон слайда про автономность сгенерирован в Figma AI.The battery slide background was generated with Figma AI.
- Тексты, цифры, иконки и вёрстка сделаны вручную: нейросети ошибаются в тексте, а на карточке цифры — главный аргумент.Copy, numbers, icons and layout are done by hand: AI gets text wrong, and on a card the numbers are the main argument.
- Каждый слайд проверен в уменьшенном виде, как в выдаче на телефоне.Every slide was checked at thumbnail size, as it appears in mobile search.