Что такое инфографика для маркетплейсов Wildberries и Ozon: зачем нужна и как создать самостоятельно

Ecommerce-маркетолог
Стаж 8 лет

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

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

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

Вот пример инфографики в карточке товара Ozon:

Информативные кружки внизу снимка — и есть блоки с инфографикой
Информативные кружки внизу снимка — и есть блоки с инфографикой

А вот пример инфографики в карточке товара Wildberries:

Все до единого карточки товара в топе витрины по запросу “утюг” — с инфографикой. Можно сравнивать и выбирать прямо в ленте
Все до единого карточки товара в топе витрины по запросу “утюг” — с инфографикой. Можно сравнивать и выбирать прямо в ленте

Простыми словами инфографика — это информация не в текстовом, а в визуальном формате.

Эффективность инфографики

К сожалению, авторитетных исследований, которые описывали бы эффективность инфографики в цифрах, не существует, а селлеры неохотно делятся этой информацией, чтобы не плодить конкурентов. Однако от 80 до 85 % людей имеют визуальный тип восприятия информации. Им проще «выхватить» данные с картинки, чем вчитываться в текст или сухие цифры.

Почему инфографика эффективна
Почему инфографика эффективна

Есть некоторые данные данные от сервисов по созданию инфографики. Например, по данным сервиса InfoGraffer, инструмент может увеличить продажи до 30 %. Скорее всего, цифра немного преувеличена, но порядок чисел приблизительно такой. Примерно такие же цифры приводит сервис создания карточек Saharok — 40 %. В любом случае значения ощутимые и доказывают эффективность инструмента.

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

Большинство карточек стиральных машин — с инфографикой
Большинство карточек стиральных машин — с инфографикой

А в таких категориях, как автозапчасти, применение инфографики, напротив, не очень эффективно. По запросу «шаровая опора лада» на витрине Wildberries мы не нашли ни одной карточки с инфографикой. Скорее всего от нее просто нет толку: продавцы такого товара наверняка провели A/B-тестирование карточек с инфографикой и без нее и сделали вывод, что их KPI почти не отличаются. 

Ни одной карточки с инфографикой
Ни одной карточки с инфографикой

Не слишком эффективна инфографика и в случае с простыми и примитивными товарами, например, коврами:

Здесь тоже нет никакой инфографики
Здесь тоже нет никакой инфографики

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

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

Как бы то ни было, использование инфографики позволяет эффективно:

  • Отстроиться от конкурентов, которые не используют инструмент.
  • Показать преимущества продукта.
  • Показать ключевые характеристики без перехода в карточку.
  • Сформулировать УТП — уникальное торговое предложение.
  • За счет вышенаписанного — повысить KPI карточки: число добавлений в корзину, переходов, продаж и так далее.

Где и какую инфографику можно использовать

Требования к инфографике на WB и Ozon практически идентичны. Блоки можно размещать как на заглавном, так и на дополнительных изображениях товара. Отдельных требованрия к инфографике на этих маркетплейсах нет, все вписывается в общие правила оформления визуального контента:

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

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

Требования к изображениям в карточке товара Ozon: инфографику размещать можно
Требования к изображениям в карточке товара Ozon: инфографику размещать можно

Топ-9 сервисов для самостоятельного создания инфографики

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

Wondercard

Сайт: wondercard.ru

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

Главная страница официального сайта Wondercard
Главная страница официального сайта Wondercard

Тарифов 3, в том числе и 1 бесплатный с ограниченным функционалом и 1 готовым базовым шаблоном.

Тарифные планы и стоимость подписки Wondercard
Тарифные планы и стоимость подписки Wondercard

Библиотека шаблонов постоянно пополняется, но доступ к ней есть только в платной подписке.

Adobe Express

Сайт: adobe.com

Бесплатный конструктор изображений с инфографикой от компании Adobe. Есть премиум-версия с расширенным функционалом, но на данный момент она недоступна для пользователей из РФ.

Главная страница сайта Adobe Expres
Главная страница сайта Adobe Expres

Конструктор Adobe не заточен под карточки предметно. Здесь есть шаблоны для создания постов для социальных сетей, презентаций и многого другого, карточек в том числе.

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

Visme

Сайт: visme.co

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

Главная страница официального сайта Visme
Главная страница официального сайта Visme

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

Есть бесплатный тариф с ограниченным функционалом, а за полную версию придется заплатить 12,25 или 24,75 долларов. Есть корпоративная подписка, ее стоимость обсуждается индивидуально в зависимости от состава команды.

Тарифные планы Visme
Тарифные планы Visme

Adobe Photoshop

Сайт: adobe.com

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

Главная страница официального сайта Adobe Photoshop
Главная страница официального сайта Adobe Photoshop

У программы есть пара минусов: во-первых, работать здесь сложнее, чем в предыдущих сервисах, и нужно пройти хотя бы минимальное обучение. Во-вторых, она довольно дорогая. Стоимость подписки может доходить до 54,99 долларов. 

Тарифные планы Adobe
Тарифные планы Adobe

И еще: на момент написания статьи компания Adobe прекратила продажу продуктов в РФ. Ранее проданные версии еще работают, а вот оформить подписку заново не выйдет.

InfoGraffer

Сайт: infograffer.ru

Еще один популярный отечественный сервис для создания изображений с инфографикой для маркетплейсов Wildberries и Ozon. 

Главная страница официального сайта InfoGraffer
Главная страница официального сайта InfoGraffer

Тарифный план один, за 1850 рублей в месяц. На момент написания статьи действует скидка и оформить подписку можно за 1400 рублей. Есть бесплатная пробная версия с двумя инструментами (всего их 10) — добавлением иконок и текста. В бесплатной версии есть и несколько простеньких шаблонов.

Тарифные планы InfoGraffer
Тарифные планы InfoGraffer

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

WBCard

Сайт: wbcard.ru

Сервис позиционируется как бесплатный конструктор карточек товара для маркетплейсов Wildberries и Ozon. На самом деле он бесплатный чисто условно: речь о стандартной пробной free-версии.

Главная страница официального сайта WBCard
Главная страница официального сайта WBCard

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

Тарифы WBCard
Тарифы WBCard

Venngage

Сайт: venngage.com

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

Главная страница официального сайта Venngage
Главная страница официального сайта Venngage

Стоимость — от 0 до 499 $ в зависимости от функционала и количества пользователей.

Тарифные планы Venngage
Тарифные планы Venngage

SAHAROK

Сайт: saharok.info 

Еще один конструктор карточек с возможностью упаковать в них инфографику. 

Главная страница официального сайта Saharok
Главная страница официального сайта Saharok

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

Тарифов 3: бесплатный и 2 платных:

Тарифные планы Saharok
Тарифные планы Saharok

ellty

Сайт: ellty.com

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

Главная страница официального сайта ellty
Главная страница официального сайта ellty

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

Тарифные планы ellty
Тарифные планы ellty

Как самостоятельно сделать инфографику

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

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

Здесь нам нужен бесплатный базовый шаблон, жмем прямо на него:

Первый этап создания изображения карточки с инфографикой
Первый этап создания изображения карточки с инфографикой

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

Загрузка главного изображения
Загрузка главного изображения

Нажимаем кнопку «Заменить фото» и вставляем свое. Вот что у меня получилось:

Изображение загружено
Изображение загружено

Теперь можно добавлять элементы инфографики. Они находятся в верхнем меню в разделе «Объекты»:

Элементы инфографики расположены в разделе «Объекты»
Элементы инфографики расположены в разделе «Объекты»

В разделе есть цветные иконки, различные изображения, эмодзи и другие визуальные элементы.

Набор визуальных элементов
Набор визуальных элементов

Я выбрал «Цветные иконки»:

Продолжение работы по созданию инфографики
Продолжение работы по созданию инфографики

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

Выбранный элемент появится на изображении
Выбранный элемент появится на изображении

Теперь можно перетащить элемент в любое нужно место на фото, зажав правую кнопку мыши:

Далее можно увеличить или уменьшить размер иконки при помощи рамки
Далее можно увеличить или уменьшить размер иконки при помощи рамки

Добавим еще пару элементов:

Уже становится похоже на реальную карточку товара с инфографикой
Уже становится похоже на реальную карточку товара с инфографикой

Можно добавить текст:

Кнопка вставки текста в карточку
Кнопка вставки текста в карточку

Вот что вышло:

Добавление текста
Добавление текста

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

После того как работа завершена, можно скачать получившиеся результаты и сразу загрузить на WB или Ozon. Файл скачивается в формате PNG и уже готов к загрузке в карточку товара.

Скачиваем изображение и загружаем его в карточку товара
Скачиваем изображение и загружаем его в карточку товара

8 распространенных ошибок при создании инфографики для WB и Ozon

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

Перегружать изображение информацией

Оптимальное количество блоков инфографики — 3-5. Если их больше, внимание покупателя рассеивается.

Это изображение перегружено иконками
Это изображение перегружено иконками

Отвлекать внимание от товара 

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

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

Давать ненужную информацию

Карточка ниже — пример инфографики «ни о чем». Что значит «гарантия качества»? А «признание и доверие покупателей»? Неужели у наушников нет других, более важных параметров?

Кроме того, эта инфографика на грани нарушений правил маркетплейсов — здесь есть оценочные суждения
Кроме того, эта инфографика на грани нарушений правил маркетплейсов — здесь есть оценочные суждения

Не давать важные данные

Расход пара и легкое скольжение это конечно хорошо, но где самое важное — мощность?

Еще один пример неудачной инфографики
Еще один пример неудачной инфографики

Закрывать основное изображение блоками инфографики

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

Тоже не слишком удачная инфографика
Тоже не слишком удачная инфографика

Неверно распределять блоки по изображениям

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

Мощность утюга я нашел на втором фото
Мощность утюга я нашел на втором фото

Делать инфографику ради инфографики

Если вам нечего передать с помощью инфографики, нет смысла натягивать сову на глобус и пытаться высосать из пальца хоть что-нибудь, чтобы сделать инфографику, как на примере ниже:

Итальянское качество и тренд 2023 — не самая важная информация, а большинство покупателей понятия не имеет, что такое защита UV400
Итальянское качество и тренд 2023 — не самая важная информация, а большинство покупателей понятия не имеет, что такое защита UV400

Пренебрегать инфографикой в принципе

Если основная часть карточек конкурентов — с инфографикой, не стоит выбиваться из общей картины:

Эта карточка даже смотрится как-то неполноценно на общем фоне
Эта карточка даже смотрится как-то неполноценно на общем фоне

Коротко о главном

  • Инфографика — это инструмент для передачи важной информации в виде удобных для восприятия блоков: изображений, иконок, диаграмм и так далее.
  • Инструмент позволяет отстроиться от конкурентов, сформулировать УТП и показать преимущества товара.
  • Если верить данным сервисов по созданию инфографики, инструмент позволяет поднять продажи на 30-40 %.
  • Инфографику можно сделать при помощи специальных сервисов. Они работают по схожему принципу: нужно выбрать подходящий шаблон и персонализировать его под вашу карточку и товар.
  • Распространенные ошибки при создании инфографики — перегружать изображение информацией, делать так, чтобы блоки закрывали фото товара, смещать акценты с самого товара на инфографику, не показывать важные данные в первом фото.

Оценить статью
4 ответов

Комментарии

Написать комментарий
Популярные статьи автора
Узнайте стоимость продвижения сейчас
Выберите удобный способ связи:
Выберите удобный способ связи:
Введите Ваш номер телефона:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Введите Ваш Email:
Введите адрес Вашего сайта:
Введите Ваше имя:
Нажимая кнопку «Получить предложение» вы соглашаетесь с Политикой конфиденциальности.
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Оперативно отвечаем в рабочее время: с 10:00 до 19:00
Вы уже проголосовали
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
я представляю компанию
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Цена лидов в различных нишах
Тематика Стоимость лида (Москва/Россия)
Отдых 500
Мебель 350
Оборудование 500
Бансковские услуги 500
Безопасность 500
Организация мероприятий, концерты, праздники 500
Недвижимость 500
Строительство и отделка 500
Грузоперевозки 500
Доставка еды 350
Юридические услуги 500
Бухгалтерские услуги 500
Пластиковые окна 500
Детские товары 350
Автозапчасти 350
Образование 500
Возьмем ТОП вместе?
Здравствуйте, меня зовут
,
У меня есть сайт
.
Со мной можно связаться по телефону
Со мной можно связаться по тел.
,
или по email
ник в телеграм
Спасибо!
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Оставить заявку сейчас
Ваше имя*
Введите адрес Вашего сайта:*
Введите Ваш номер телефона:*
Введите Ваш e-mail:*
Введите Ваш ник в телеграм:
Выберите интересующую услугу *
Нажимая кнопку «Оставить заявку» вы соглашаетесь с Политикой конфиденциальности.
Подпишитесь на рассылку
Не пропустите самое интересное из мира SEO и Digital. Только актуальные и самые крутые статьи.
Заявка успешно отправлена!
Наши сотрудники уже приступили к анализу Вашего сайта. Наш менеджер свяжется с вами в течение дня, спасибо!