CADRLAB

Інфографіка для маркетплейсу: картка товару з текстом, який не ламається

Інфографіка — це фото товару, поверх якого стоять заголовок, кілька характеристик і невелика плашка. Вона працює там, де покупець гортає видачу і не читає опис: друге й третє фото картки, стрічка Instagram, сторіс. Нижче — які блоки справді читаються, чому генеративні моделі калічать українські слова і як ми обійшли цю проблему.

Де інфографіка доречна, а де вона зашкодить

Текст на зображенні дозволений не скрізь, і це не питання смаку — це правила майданчиків. Головне фото на Rozetka радять лишати повністю чистим: напис на ньому вимикає показ товару в Google Shopping, а в категоріях одягу, взуття і прикрас написи, рамки й водяні знаки заборонені взагалі. Prom не радить текст на фото і прямо забороняє оцінкові написи, контакти та QR-коди. Тому інфографіка — це друга й наступні позиції в галереї, а не перша.

  • Головне фото маркетплейсу — без тексту
  • Друга і третя позиції в галереї — інфографіка з характеристиками
  • Стрічка Instagram — текст дозволено
  • Stories, Reels і TikTok — текст лише в безпечній зоні, щоб його не закрили елементи інтерфейсу
  • Оголошення на дошці — ставка на вигляд реального знімка, тому пресет віддає кадр без напису

Які блоки читаються з мініатюри

У видачі картка живе розміром із нігтик, тому в неї вміщується рівно три речі. Заголовок — одна думка, без переліку через кому. Кілька коротких фактів, по одній перевазі на рядок. Плашка в кутку на кшталт «Новинка». Усе інше покупець прочитає в описі, і тягнути його туди з фото не треба.

  • Заголовок — до 60 символів
  • Від 2 до 5 пунктів, до 48 символів кожен; скільки саме вміститься, залежить від шаблона плашки
  • Плашка в кутку — до 20 символів
  • Текст стоїть на затемненні або на суцільній панелі, щоб не залежати від фону

Чому кирилиця ламається у генеративних моделей

Моделі генерації зображень навчилися писати латиницею, але з кирилицею й українською типографікою помиляються систематично: пропущені або перекручені літери, «ї» замість «і», зламані переноси, випадковий шрифт замість заданого. Для маркетплейсу це фатально: картку з помилкою в слові продавець не опублікує, а перевіряти доводиться кожен кадр очима. Друга частина проблеми — правки: якщо напис запечений у пікселі, зміна однієї коми означає нову генерацію, нове очікування, нові гроші й інший кадр, ніж той, що вже подобався.

Як ми це вирішили: текст малюємо ми, а не модель

Модель віддає чисте зображення без жодного напису — заборона тексту вшита в кожну концепцію. Далі поверх нього лягає окремий текстовий шар: шаблон із оголошеною текстовою областю, у яку рендер сам розставляє рядки й підбирає кегль. Літери беруться з рядка, який ви ввели, тому помилитися в них ніде.

  • Шрифти з повним кириличним набором вшиті в сервіс — не тягнуться з мережі й не підмінюються
  • Кольори плашки й тексту підбираються за домінантними кольорами кадру, з перевіркою контрасту за WCAG
  • Переноси рахуються за реальною шириною рядка українською
  • Текст, що не вміщається, зменшується до мінімального кегля, а далі ви бачите попередження, а не мовчазне обрізання
  • Чистий кадр зберігається окремо, тому експорт під головне фото віддає версію без тексту

Правки тексту нічого не коштують

Оскільки напис — це окремий шар, зміна формулювання не вимагає нової генерації. Ви правите рядок, і система перемальовує лише шар поверх того самого кадру. Для порівняння: агенція бере за картку 150–500 грн, шаблонна робота на біржі фрілансу — 25–55 грн.

  • Картка з інфографікою — 4 кредити
  • Правка тексту на готовій картці — 0 кредитів, до 30 разів на годину
  • Точкове покращення кадру текстовим запитом — 2 кредити
  • Ресайз під інший пресет майданчика — 1 кредит

Поширені питання

Спробуйте на своєму товарі

Після входу нараховуємо 12 кредитів без прив’язки банківської картки — це 3 картки з інфографікою. Завантажте фото зі смартфона, впишіть заголовок і два-три пункти, а решту зробить сервіс. Правки тексту потім нічого не коштують.