Все статьи блога
Контент и Дизайн
~10 мин чтения
2026-09-07

Инфографика в карточке товара: что показывать, а что убрать

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

инфографика для карточки товарапреимущества товарасравнительные таблицы

Что такое инфографика в карточке товара

Инфографика в карточке это картинки со схемами, подписями и таблицами, которые заменяют покупателю чтение длинного описания. Она идёт в блоке rich-контента под текстом или прямо среди фото товара.

Задача инфографики одна: быстрее довести человека до решения. Хороший слайд отвечает на вопрос за пару секунд, плохой заставляет вглядываться и гадать.

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

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

Что показывать: блоки, которые читают

Покупатель смотрит на то, что решает его конкретную задачу. Эти блоки читают почти всегда.

• Размеры и габариты. Подписанная схема с числами снимает вопрос «влезет ли это ко мне». Для одежды это размерная сетка, для мебели габариты в сантиметрах.

• Комплектация. Список того, что лежит в коробке, экономит покупателю переписку с продавцом. Подпишите каждый предмет на фото упаковки.

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

• Ответы на частые вопросы. Уход, гарантия, совместимость, срок службы. Возьмите вопросы из переписки с покупателями.

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

Каждый блок отвечает на один вопрос. Если вы не можете сказать, на какой вопрос отвечает слайд, значит, этот слайд лишний. Собрать блоки проще всего из вопросов, которые покупатели уже задают вам в чате: эти темы и выносите на инфографику.

Преимущества товара: как подать без воды

Преимущества продают только тогда, когда они конкретны. Общие фразы вроде «высокое качество» или «продуманный дизайн» ничего не говорят покупателю.

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

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

Одно преимущество на слайд работает лучше, чем десять в столбик. Выберите два-три самых сильных и разнесите их по разным картинкам, каждую с подписью и наглядным фото. Так покупатель запомнит каждое, а не смешает их в общий шум.

Сравнительные таблицы: как делать правильно

Сравнительная таблица выручает, когда у покупателя выбор между двумя похожими товарами: вашими моделями или вашим товаром и аналогом.

Ставьте в таблицу только те параметры, которые реально различаются и важны для решения. Три-пять строк достаточно. Если строк больше семи, таблица превращается в простыню, и покупатель перестаёт в ней ориентироваться.

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

Не сравнивайте себя с конкретным конкурентом по имени. Показывайте «эта модель против обычной» или «наша версия против базовой», без чужих брендов на слайде. И не выдумывайте цифры: каждая строка таблицы должна совпадать с реальными характеристиками из инструкции.

Пример: хороший и плохой слайд

Возьмём слайд с преимуществом «долгая работа от батареи».

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

Хороший вариант: фото товара, цифра «до 30 часов работы» крупно, подпись «хватает на неделю обычного использования» и иконка батареи. Покупатель сразу понимает выгоду.

Разница в конкретике. Один слайд с цифрой и сценарием сильнее трёх слайдов с общими словами. Прежде чем рисовать преимущество, спросите: что именно я сообщаю и как покупатель это проверит. Если ответа нет, слайд рано пускать в карточку.

Что убрать из инфографики

Убирайте то, что не двигает решение.

• Логотип на весь слайд. Он не отвечает ни на один вопрос покупателя и занимает место полезной информации.

• Общие слова про качество и надёжность без фактов. Они создают шум, а не доверие.

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

• Слишком мелкий текст, который невозможно прочитать на телефоне.

• Кричащие призывы «купи сейчас» на каждом слайде. Один призыв в конце работает лучше десяти.

• Внешние ссылки, телефоны и чужие бренды: площадки такое отклоняют на модерации.

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

Цвет, шрифты и текст на слайдах

Цвет на инфографике должен помогать читать, а не украшать. Держите два-три цвета: один основной, один акцентный для выделений. Пёстрый фон отвлекает от товара и спорит с фотографией.

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

Текст на слайдах пишите короткими подписями по четыре-шесть слов. Полные предложения в инфографике не нужны: покупатель листает быстро и ловит только суть. Числа и ключевые слова выделяйте крупнее остального текста.

Проверяйте готовый макет на телефоне. Если подпись приходится щурить, увеличьте шрифт или сократите текст. То, что читается на мониторе, на смартфоне превращается в кашу.

Как собрать инфографику без дизайнера

Сборка инфографики не требует дизайнера, если взять правильный инструмент.

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

Crello, он же VistaCreate, работает похожим образом и часто удобнее для новичков. Figma подойдёт, когда нужен полный контроль над слоями и точными размерами.

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

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

Сколько слайдов нужно инфографике

Оптимально три-шесть слайдов. Меньше трёх, и инфографика не успевает ответить на главные вопросы. Больше шести, и покупатель устаёт листать до призыва.

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

Каждый лишний слайд удлиняет путь к покупке. Если сомневаетесь, оставьте меньше: короткая понятная серия продаёт лучше длинной и размытой.

Порядок слайдов: выстраивайте иерархию блоков

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

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

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

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

Проверяйте порядок просто: покажите инфографику человеку, который товар не видел, и спросите, готов ли он купить уже после третьего слайда. Не готов, значит, начало отвечает не на те вопросы.

Адаптация под мобильный экран

Большинство покупателей смотрит карточку с телефона, поэтому инфографика обязана читаться на экране шириной с ладонь.

Слайд, собранный на широком мониторе, на смартфоне сжимается, и мелкие подписи превращаются в кашу. Макет сразу делайте в вертикальной пропорции, близкой к экрану телефона, а не в широкой горизонтальной.

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

Не набивайте на один слайд несколько блоков. На маленьком экране каждый лишний элемент отнимает место у главного. Лучше шесть коротких слайдов, чем два переполненных.

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

A/B-тестирование инфографики: меняйте по одному слайду

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

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

Смотрите на поведение, а не на вкус: добавления в корзину, заказы и переходы к призыву. Красивый слайд, который не поднимает заказы, меняйте так же, как и некрасивый.

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

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

Главные выводы

  • Инфографика отвечает на вопросы покупателя, а не украшает карточку.
  • Показывайте размеры, комплектацию, сценарии и сравнение моделей.
  • Преимущество без цифры или сценария не нужно.
  • В сравнительной таблице три-пять строк и ни одного чужого бренда.
  • Убирайте логотипы на весь слайд, общие слова и мелкий текст.
  • Два-три цвета, один шрифт, подписи по четыре-шесть слов.
  • Проверяйте читаемость на экране телефона.

Когда инфографика готова, соберите её в карточку по чек-листу. Готовые шаблоны rich-контента и чек-листы оформления карточек собраны в каталоге dzheiguide.ru.