Дизайн карточек и инфографики

Товар один.
Продаёт подача

Wildberries и Ozon. Карточки, которые выигрывают выдачу до прочтения названия.

Алина, дизайнер карточек товара для маркетплейсов
Сначала разбираю выдачу, потом рисую Один экран несёт одну мысль Каждый факт закрывает возражение

Я делаю так, чтобы
товар не пролистали

Меня зовут Алина. Я собираю визуал для карточек товара: главное фото, инфографику, ответы на возражения. Начинаю не с картинки, а с вопроса, почему покупатель выбирает соседа по выдаче, и только потом рисую.

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

01

Главное фото карточкиПервый кадр в выдаче: то, по чему кликают или не кликают

02

Инфографика и характеристикиСвойства товара в виде, который считывается за секунду

03

Работа с возражениямиСравнения, разрезы, макро: то, что снимает сомнение до отзывов

04

Единый визуальный рядВся галерея как одна история, а не набор случайных слайдов

Проекты

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

Проект 01

Термокружка Stanley

Посуда и товары для дома · 0,9 л

Задача

Категория, где все карточки на белом фоне и отличаются только ценой. Товар премиальный, но в выдаче выглядит как любой другой термос.

Решение

Тёплая песочная гамма вместо магазинного белого и съёмка в среде: горы, камень, сухая трава. Кружка перестаёт быть товаром со склада и становится вещью для жизни.

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

Что это даёт

Карточка узнаётся в ленте по цвету ещё до того, как прочитано название. Характеристики доходят до покупателя, даже если он не открыл описание.

Листайте карточки · нажмите, чтобы открыть крупно
Листайте карточки · нажмите, чтобы открыть крупно
Проект 02

Пинцет Tweezerman

Красота и уход · профессиональный инструмент

Задача

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

Решение

Чёрный фон и золотой акцент поднимают воспринимаемую цену, а макросъёмка показывает то, чего не разглядеть в жизни: кромку и плотность смыкания.

Отдельная карточка сравнения ставит обычный пинцет рядом с Tweezerman и отвечает на главное возражение прямо в галерее.

Что это даёт

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

Проект 03

M. Asam Resveratrol

Премиальный уход за лицом · антивозрастной крем

Задача

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

Решение

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

Пять карточек ведут по одной мысли за экран: продукт → «кожа устала от возраста» и что крем с этим делает → текстура крупным планом → состав как синергия природы и технологий → результат «98% женщин за 14 дней» и призыв в корзину.

Что это даёт

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

Листайте карточки · нажмите, чтобы открыть крупно