На маркетплейсе карточка конкурирует с десятками похожих товаров в одной ленте. Покупатель не читает описание, пока не откроет карточку, а открывает он её по картинке. Поэтому инфографика — это не украшение, а короткая презентация товара, которая должна сработать за пару секунд. Разберу, как я собираю такую серию, на примере карточки Samsung Galaxy Z Fold8 для Ozon.
КейсSamsung Galaxy Z Fold8 — инфографика для карточки OzonНачните с вопросов покупателя, а не с дизайна
Прежде чем открывать Figma, я выписываю, что человек хочет узнать о товаре, в том порядке, в каком эти вопросы у него возникают. Для складного смартфона это: что за модель и сколько памяти, какой экран, как снимает камера, что умеет ИИ, сколько держит батарея и не тяжёлый ли он. Каждый вопрос становится отдельным слайдом. Так серия превращается в разговор, а не в набор красивых картинок.
Обложка решает, откроют карточку или нет
Первый слайд виден в ленте каталога в маленьком размере, часто на телефоне. На нём должно быть только главное: товар крупно, название модели, ключевой параметр вроде объёма памяти или цвета и максимум три аргумента. В карточке Fold8 на обложку вынесены экран, камера и вес — то, ради чего вообще покупают складной телефон. Всё остальное подождёт до следующих слайдов.
Одна мысль и одна крупная цифра на слайд
Самая частая ошибка — уместить всё на один слайд. Восемь иконок и мелкий текст на телефоне превращаются в кашу, и покупатель листает дальше. Работает обратное: один слайд — одна мысль, подкреплённая одной крупной цифрой или понятной картинкой. Детали можно дать мелким текстом ниже, но считываться должна именно главная мысль.
Единый стиль и один акцентный слайд
Серия должна выглядеть как одно целое: общая сетка, одни и те же шрифты, одинаковое положение заголовка и плашек с цифрами. В Figma я собираю это через общие компоненты и стили, поэтому правка на одном слайде не ломает остальные. При этом полностью ровный ритм утомляет. В карточке Fold8 все слайды светлые, кроме слайда про Galaxy AI — он тёмный и сразу выделяется, когда покупатель листает серию.
Последний слайд — таблица характеристик
Часть покупателей сравнивает товары по параметрам. Для них в конце серии стоит сводная таблица: только ключевые характеристики, крупно и без сокращений, которые нужно расшифровывать. Данные берите из официальных источников производителя — ошибка в цифре потом всплывёт в отзывах. В карточке Fold8 таблица собрана по данным официального сайта Samsung.
Частые ошибки
- Мелкий текст, который не читается на экране телефона.
- Каждый слайд в своём стиле — серия выглядит собранной из разных мест.
- Общие слова вроде «высокое качество» вместо конкретных параметров.
- Неправильный формат: картинку обрезает или вокруг неё появляются поля.
- Нарушение правил площадки: у маркетплейсов есть требования к тому, что можно размещать на фото товара.
Формат задаётся площадкой. Серия для Fold8 сделана под Ozon: вертикальные слайды 3:4, 900 × 1200. Перед стартом сверьте актуальные требования своей площадки к размеру и содержанию изображений.
Что нужно, чтобы начать
Фото товара хорошего качества, список характеристик и понимание, чем товар лучше соседей по выдаче. Если последнего пока нет, разберёмся вместе: посмотрим вопросы в отзывах на похожие товары и выберем три главных аргумента для обложки. Дальше — порядок слайдов, стиль в Figma и готовые файлы в нужном формате.
Делаю инфографику для карточек Ozon и Wildberries. Напишите, какой у вас товар и сколько слайдов нужно, — подскажу структуру и посчитаю стоимость под задачу.