Что на самом деле продаёт в дизайне карточки
Покупатель видит карточку дважды. Первый раз как миниатюру шириной с палец среди двадцати соседей в выдаче, второй раз крупно, когда уже кликнул. Дизайн работает, если выигрывает оба раза: в миниатюре товар и одна выгода читаются с первого взгляда, а внутри серия слайдов отвечает на вопросы по порядку и не спорит сама с собой.
Всё остальное вторично. Красивый градиент, модный шрифт и иконки не помогут карточке, где товар занимает треть кадра, а на обложке восемь плашек мелким текстом.
| Элемент | Что он решает | Правило |
|---|---|---|
| Товар в кадре | Узнают ли, что это, в миниатюре | Занимает 60–75% площади, без обрезки краёв |
| Заголовок | Одна главная выгода | До пяти слов, читается при ширине 200 пикселей |
| Плашки | Факты, снимающие сомнения | Две-три на слайд, цифры вместо оценок |
| Фон | Не спорит с товаром | Спокойный, светлее или темнее товара, текст на ровной зоне |
| Серия | Карточка как одна история | Один шрифт, одна палитра, одна сетка на всех слайдах |
Композиция: где товар, где текст
Рабочих схем для вертикального слайда 3:4 немного, и все они строятся на одном правиле: товар и текст не накладываются друг на друга. Заголовок сверху, товар в центре, плашки снизу или сбоку на свободной зоне. Если текст лежит на самом товаре, проигрывают оба.
- Заголовок сверху, товар по центру, плашки внизу: универсальная схема для техники, посуды, товаров для дома.
- Товар слева, плашки колонкой справа: для вытянутых предметов и одежды на модели.
- Товар крупно на весь кадр, одна-две выноски с линиями к деталям: для слайдов «детали» и «материалы».
- Товар в сцене, текст на ровном участке фона (стена, небо, стол): для слайдов «в использовании».
Шрифт и цвет: две ошибки, которые видно сразу
Первая ошибка: несколько шрифтов на одном слайде или разные на разных. Карточке хватает одного гротеска с двумя начертаниями: жирное для заголовка, обычное для плашек. Вторая: цвет плашек «для красоты», а не по контрасту. Плашка обязана читаться на фоне и не спорить с цветом товара.
| Товар | Что работает | Чего избегать |
|---|---|---|
| Яркий (красный, жёлтый, бирюза) | Нейтральный фон, плашки белые или графитовые | Второй яркий цвет в плашках |
| Белый или светлый | Светло-серый или тёплый бежевый фон, тёмный текст | Белый фон: товар растворяется |
| Тёмный, чёрный | Светлый фон или тёмный премиальный с одним акцентом | Пёстрые сцены, где товар теряется |
| Дерево, кожа, текстиль | Тёплая палитра, живая сцена, мало текста | Холодный техно-стиль |
Восемь стилей: какой под какую категорию
Стиль это не вкус, а соответствие категории и ожиданиям покупателя. Ниже стили из библиотеки Kartogen: каждый задаёт фон, палитру, форму плашек и типографику сразу для всей серии, поэтому слайды получаются в одной манере без ручной сверки.
| Стиль | Характер | Кому подходит |
|---|---|---|
| Чистый маркетплейс | Светлый фон, аккуратные плашки, чёткая сетка | Техника, товары для дома, канцелярия, всё «по умолчанию» |
| Премиум тёмный | Графит, тонкие акценты, минимум текста | Часы, электроника, косметика люкс, аксессуары |
| Яркий акцент | Светлый фон и один сочный цвет | Спорт, обувь, детские товары, промо |
| Мягкий лайфстайл | Пастель, мягкие карточки, спокойный ритм | Одежда, текстиль, уход, товары для мам |
| Поп-арт | Фуксия и жёлтый, смелые блоки | Молодёжная одежда, гаджеты, подарки |
| Бирюзовый фреш | Сочная бирюза, крупный дружелюбный шрифт | Бытовая техника, товары для здоровья, лето |
| Солнечный промо | Голубое небо и жёлтый акцент | Чемоданы, отдых, сезонные товары |
| Сцена-история | Товар в живой обстановке, тёплый свет | Посуда, кухня, интерьер, подарки |
Все карточки ниже собраны в этих стилях. Товар, заголовок и плашки на них разные, а дизайн внутри каждой серии один.
Семь ошибок дизайна, из-за которых карточку листают мимо
- Товар мелкий: на обложке он занимает меньше половины кадра и в миниатюре не узнаётся.
- Восемь плашек на слайде: покупатель не читает ни одну. Две-три, и каждая про факт.
- Текст на товаре: закрывает то, ради чего кликнули.
- Три шрифта и четыре цвета: карточка выглядит собранной из чужих кусков.
- Пёстрый фон под текстом: надпись не читается ни в миниатюре, ни на телефоне.
- Разный стиль на слайдах: обложка премиальная, второй слайд как из презентации.
- Оценки вместо фактов: «качественный», «стильный», «удобный» не несут информации. «Хлопок 95%», «Объём 55 л», «До −30 °C» продают.
Что писать на плашках и обложке, разобрано отдельно: в статье «Что писать на первом слайде» и на странице «Инфографика для карточки Wildberries».
Три способа получить дизайн
| Способ | Цена | Срок | Что получаете |
|---|---|---|---|
| Сам в редакторе с шаблонами | 0 ₽ (часто с водяным знаком) | 40–90 минут на карточку | Полный контроль, результат зависит от вкуса |
| Дизайнер или студия | 300–1500 ₽ за слайд, от 5000 ₽ за карточку | 1–3 дня, у студии от недели | Единый стиль и ответственность, правки платные |
| Генератор по фото | 12 ₽ за изображение | 1–2 минуты | Стиль, композиция и текст собираются сами, вы проверяете и правите |
Для одного флагманского товара разумно заказать дизайн у человека и по его образцу собирать остальное. Для потока из десятков карточек выигрывает генератор: он держит единый стиль серии сам, а вы тратите время только на проверку. Как именно он работает и где его границы, на странице «Генератор карточек товара».
Чек-лист дизайна перед загрузкой
- Товар узнаётся в миниатюре шириной 200 пикселей.
- На обложке одна главная выгода и не больше трёх плашек.
- Один шрифт, одна палитра, одна сетка на всех слайдах серии.
- Текст лежит на ровной зоне фона, а не на товаре.
- В плашках факты с цифрами, а не оценки.
- Для Ozon: товар не меньше двух третей кадра, в одежде и обуви обложка без графики.
- Нет цен, «скидка», «хит», контактов и чужих логотипов.
Готовую карточку можно проверить бесплатно за минуту: ИИ оценит её как покупатель и назовёт главную проблему дизайна.