Блог · 11 вересня 2026 р. · 3 хв читання
Інфографіка для Prom: як зробити картку, яку клікають
На Prom покупець бачить у видачі десятки однакових товарів за схожою ціною. Виграє не той, у кого товар кращий, а той, чия картка за пів секунди пояснює, чому брати саме тут. Це і є завдання інфографіки: винести три-п'ять переваг прямо на зображення.
Що дає інфографіка
За нашими спостереженнями в категоріях косметики, товарів для дому та зоотоварів картки з інфографікою на другому фото отримують помітно більше переходів із видачі, ніж картки лише з предметними фото. Причина проста: текст на зображенні читають навіть ті, хто не відкриває опис. А на мобільному, де Prom отримує більшість трафіку, опис часто взагалі не догортують.
Одне фото — дві різні сторінки товару.
Три-п'ять переваг, а не характеристики
Найчастіша помилка — переносити на картку таблицю характеристик. «Об'єм 30 мл, скло, Україна» — це не переваги, це паспорт. Перевага відповідає на питання покупця «що мені з цього».
| Характеристика | Перевага |
|---|---|
| Вітамін C 10% | Вирівнює тон за 2 тижні |
| Кераміка | Тримає тепло довше |
| Щільність 350 г/м² | Не просвічує і не витягується |
| Без зернових | Підходить собакам з чутливим травленням |
Правило: не більше п'яти пунктів, кожен до п'яти слів, найсильніший перший.
Типографіка й контраст
- Один шрифт для всього тексту, максимум два накреслення.
- Розмір тексту такий, щоб читалось у мініатюрі 300×300: перевіряйте, зменшивши картинку на екрані.
- Контраст тексту з фоном не менше 4,5:1. Світлий текст на світлому фоні — головна причина, чому інфографіку не читають.
- Плашки або тонкі іконки біля кожного пункту допомагають оку рухатись.
- Ніяких «вау», знаків оклику й капслоку. Спокійна подача продає краще.
Розміри під Prom
Prom приймає зображення від 1200×1200 px, квадрат. Інфографіку ставте другим-третім фото, головне лишайте чистим. Якщо плануєте ті самі картки для Rozetka, робіть одразу 2000×2000: обидва майданчики їх приймають, а на екранах з високою щільністю картка виглядає різкіше.
Типові помилки
- Текст поверх товару. Товар має бути повністю видимим.
- Різні стилі в одному магазині. Покупець, який відкрив три ваші товари, повинен зрозуміти, що це один магазин.
- Англійські терміни там, де є українські. «Moisturizing» замість «Зволожує» відлякує.
- Ціна або знижка на картинці. Ціна змінюється, картинка лишається, а модерація такі зображення відхиляє.
- Забагато кольорів. Один акцентний колір плюс нейтральний фон.
Шаблон, який працює
Розкладка, яку варто взяти за основу для будь-якої категорії:
- Заголовок зверху: одна коротка фраза, яка описує результат для покупця.
- Товар займає ліву або центральну половину.
- Три-п'ять пунктів праворуч, кожен з іконкою.
- Внизу невелика назва бренду або лінійки.
Цей самий макет із різними товарами дає серію, яка виглядає як каталог, а не як набір випадкових картинок.
Чотири зони, з яких складається будь-яка інфографіка.
Як зробити в Sellia
Завантажте фото товару, оберіть інструмент «Картка», введіть заголовок і переваги по одному в рядок. Сервіс сам розкладе текст, підбере іконки й поставить товар у чисту сцену, не змінюючи його. Для наступних товарів магазину оберіть попередню картку як референс стилю: серія вийде в одному макеті. Готовий файл завантажуєте у розмірі під Prom або Rozetka.