Статья · Инфографика и дизайн

Примеры хорошей инфографики для маркетплейсов: было и стало

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

Хорошая инфографика для маркетплейсов — это какая

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

Из этого получается рабочее определение. Хорошая инфографика для маркетплейсов — это слайд, который:

• отвечает на один вопрос покупателя;
• показывает товар крупно, а текст ставит рядом, а не поверх;
• читается на экране телефона без увеличения;
• совпадает с характеристиками карточки до цифры;
• не нарушает правил площадки.

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

Как устроены примеры ниже

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

Примеры инфографики для маркетплейсов: одежда и обувь

Пуховик, главное фото

Было. Пуховик на вешалке на фоне двери. Поверх — пять плашек разного цвета: «Хит сезона», «Премиум», «Оверсайз», «Тёплый», «Унисекс». Плашки закрывают почти половину вещи.

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

Стало. Модель в полный рост лицом к камере на светлой улице без пестроты. Внизу одна нейтральная плашка небольшим шрифтом: «до −25 °C», если это подтверждено производителем. «Оверсайз» и «унисекс» ушли на слайд посадки, где рядом с ними рост модели и размер вещи.

Кроссовки, слайд размеров

Было. Скриншот таблицы из Excel на 12 строк: российский, европейский и американский размер, длина стопы, полнота. Шрифт мелкий, линии таблицы серые.

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

Стало. Сверху фото стельки с линейкой вдоль неё. Ниже — короткая таблица на две колонки «размер — длина стельки» крупными цифрами и схема стопы со стрелкой «как измерить». Полную сетку оставили в поле размерной таблицы карточки.

Косметика и уход

Сыворотка для лица, слайд «состав»

Было. Флакон на розово-фиолетовом градиенте с блёстками. Справа белым тонким шрифтом весь состав — 18 компонентов в столбик.

Что не так. Белый тонкий текст на светлой части градиента почти пропадает. Wildberries в рекомендациях по цвету советует не использовать градиентные фоны и держать контраст текста не ниже 4,5:1 для мелкого шрифта. Полный состав на слайде никто не читает.

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

Крем для рук, слайд «текстура»

Было. Банка крема и надпись «Нежная текстура».

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

Техника и товары для дома

Блендер, слайд преимуществ

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

Что не так. Ни одной цифры. Иконки разной толщины и цвета, поэтому слайд выглядит собранным из кусков.

Стало. Четыре иконки одного стиля и четыре факта: «1 200 Вт», «чаша 1,5 л», «6 скоростей», «нож можно мыть в посудомойке». Всё, что не уложилось в четыре пункта, перенесли на следующий слайд или в описание.

Сковорода, слайд «для каких плит»

Было. Фото сковороды сверху и надпись «Подходит для всех плит».

Стало. Фото дна крупно и четыре пиктограммы: газ, электрическая, стеклокерамика, индукция — каждая с галочкой, только если это правда. Кадр со стороны дна для посуды отдельно рекомендует Яндекс Маркет.

Стеллаж, слайд габаритов

Было. Стеллаж в интерьере и подпись «Компактный размер».

Стало. Простой чертёж спереди и сбоку со стрелками: высота, ширина, глубина, расстояние между полками, нагрузка на полку. Рядом — маленькое фото стеллажа рядом с человеком для масштаба. Чертежи и схемы для мебели прямо советует Ozon.

Детские товары и товары для животных

Школьный рюкзак, слайд «что помещается»

Было. Пустой рюкзак на белом фоне и надпись «Вместительный».

Стало. Рядом с рюкзаком разложено то, что в него проверенно входит: папка А4, учебники, пенал, бутылка для воды. На втором кадре всё это уже внутри. Подпись короткая: «папка А4 входит целиком».

Лежанка для кошки, главное фото

Было. Кошка на лежанке, сгенерированная нейросетью: у неё пять лап, а на бортике надпись из искажённых букв.

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

Стало. Реальная кошка на лежанке, снятая дома при дневном свете. На следующем слайде — размеры и подпись «чехол снимается и стирается», если это так.

Стили инфографики: какой выбрать

Стиль — это сочетание фона, шрифтов, цвета и количества текста. Один стиль на всю галерею важнее, чем выбор «правильного». Wildberries просит снимать все фото одного артикула в одном стиле, и для слайдов это тоже хорошее правило.

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

Что делает слайд хорошим: проверка за минуту

1. Уменьшите слайд до размера экрана телефона. Понятно ли, о чём он, за две-три секунды?
2. Товар занимает больше места, чем текст.
3. На слайде не больше четырёх пунктов, и в каждом есть факт: цифра, материал, действие.
4. Цифры совпадают с характеристиками и описанием.
5. Текст контрастный. Нормы контраста Wildberries мы разобрали в статье про инфографику для WB.
6. Важные надписи не стоят в углах, где Ozon ставит бейджи, и в зонах отметок акций WB.
7. Нет цен, скидок, контактов и оценок вроде «хит» и «лучший». Полный список запретов по площадкам — в статье что нельзя на инфографике.
8. Слайд выглядит частью той же галереи: шрифт, цвета и плашки как на соседних.

Где искать примеры инфографики для маркетплейсов и не копировать чужое

Смотреть на чужие карточки полезно, копировать — нет. Ozon запрещает фотографии, взятые у других продавцов, а Wildberries — заимствования, которые нарушают права третьих лиц. Чужой макет с заменённым товаром ещё и делает вашу карточку похожей на соседнюю в выдаче.

• Откройте выдачу по своему запросу и выпишите, какие вопросы конкуренты закрывают слайдами, а какие нет. Пропущенный вопрос — ваш слайд.
• Прочитайте отзывы с оценками 2–4 на похожие товары: там видно, чего покупателям не хватило до заказа.
• Посмотрите, в каком стиле сделана выдача. Если все слайды яркие, спокойный минимализм может выделиться — и наоборот.
• Тексты пишите сами, по своим характеристикам. Как превратить характеристику в тезис, рассказали в статье что писать на инфографике.

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

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

Где посмотреть примеры инфографики для маркетплейсов?

В выдаче по своему запросу на Wildberries и Ozon — смотрите, какие вопросы закрывают слайды конкурентов. У Ozon есть бесплатный курс «Инфографика в карточках товаров» с разбором требований. Копировать чужие слайды нельзя: обе площадки запрещают чужие фото.

Какой стиль инфографики выбрать?

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

Что отличает хорошую инфографику от плохой?

Хороший слайд отвечает на один вопрос, показывает товар крупно, читается на телефоне и совпадает с характеристиками. Плохой — набор общих слов, мелкий текст и плашки поверх товара.

Можно ли взять инфографику конкурента и поменять товар?

Нет. Ozon запрещает фото других продавцов, Wildberries — заимствования, нарушающие права третьих лиц. Можно взять идею — какой вопрос закрыть слайдом, — но не макет.

Сколько текста должно быть на одном слайде?

Заголовок и до четырёх коротких пунктов. На главном фото — один-три факта или ничего: на Wildberries крупный текст на обложке снижает рейтинг карточки.

Источники: Ozon — «Требования к фото, видео и видеообложкам», Ozon — «Рекомендации по созданию продающей карточки», Wildberries — «Фото товаров: правила, рекомендации и частые ошибки», Яндекс Маркет — «Требования к изображениям товаров».