Карточка товара

Дизайн карточек товаров для маркетплейсов: читаемая инфографика

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

Демонстрационный макет инфографики; условные подписи не являются характеристиками реального товара
Демонстрационный макет инфографики; условные подписи не являются характеристиками реального товара

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

Инфографика помогает прочитать проверяемую характеристику, а не создаёт её. Не добавляйте вымышленные преимущества, размеры и результаты испытаний ради красивой надписи.

Выберите одну характеристику

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

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

Сделайте текст самостоятельным акцентом

В инструменте карточки товара Radikal.ru подготовьте изображение под одну задачу. Проверьте все буквы, единицы измерения и пунктуацию. Сгенерированную надпись нельзя принимать только по внешнему сходству с нужной фразой.

Отделите буквы от активного фона свободной областью или спокойной подложкой. Рекомендации W3C по контрасту полезны как ориентир читаемости текста, но один коэффициент не заменяет просмотра готовой карточки на телефоне.

Проверьте миниатюру и серию

Уменьшите карточку до размера, близкого к списку товаров. Если приходится увеличивать изображение, чтобы понять главный тезис, сократите надпись и пересмотрите масштаб. Не пытайтесь сохранить весь текст за счёт тонкого шрифта.

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

  1. Выберите одно подтверждённое свойство.
  2. Подготовьте соответствующее изображение и короткую подпись.
  3. Проверьте буквы, единицы и контраст.
  4. Уменьшите макет и сравните с соседними карточками.
ПРИМЕР

Для бутылки можно показать подтверждённый объём «750 мл» рядом с товаром, оставив свободное поле. Не добавляйте «держит холод 24 часа», если это не подтверждено характеристиками конкретной модели. Пример не описывает результаты испытания товара.

Проверка на конкретном примере

Проверка на конкретном примере
Что заметилиЧто изменитьКритерий проверки
Пять тезисов конкурируютОставить один и разнести остальныеГлавная мысль считывается сразу
Текст сливается с этикеткойВыделить свободную областьБуквы читаются отдельно от товара
Мелкие единицы измеренияПересмотреть иерархию текстаЧисло и единица видны вместе
Красивое обещание без основанияСверить с характеристикамиКаждое утверждение проверяемо

Частые вопросы

Сколько текста помещать в одну карточку?

Столько, сколько нужно для одного ясного тезиса при реальном размере показа. Универсальное число слов не заменяет проверку.

Можно ли заполнить свободное место значками?

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

Источники и полезные материалы