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

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

Читать 11 мин

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

Чтобы разработать привлекательную инфографику:

  1. Определите основные свойства товара. Изучите конкурентов и раздел с вопросами покупателей. Посмотрите, какие характеристики их интересуют. Вместо общих слов пишите конкретные цифры: например, «вес 300 г», а не «лёгкий».
  2. Выберите сервис для создания картинок: Supa, WBCard или Wondercard. Там есть шаблоны для разных маркетплейсов.
  3. Продумайте структуру. Придерживайтесь правила: одна картинка — одна идея. Например, для набора ножей: первый слайд — основные свойства, следующие — характеристики каждого ножа, последний — преимущества.
  4. Разработайте дизайн под конкретный товар. Для гаджетов и техники — минимализм, для детских товаров — яркий стиль, для экопродуктов — натуральный. Показывайте товар крупным планом.
  5. Оформите текст. Заголовки делайте крупными и яркими. Важную информацию выводите наверх, остальное — ниже. Используйте простые шрифты, например Roboto или Arial, и контрастный фон.
  6. Обращайтесь к эмоциям и ассоциациям целевой аудитории. Для фона используйте нейтральные цвета, яркими расставьте акценты. Добавляйте креативные и динамичные элементы.

Зачем нужна инфографика

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

Пример инфографики для маркетплейсов
Если продаёте чемоданы, покажите на инфографике, какого они размера, сколько весят, в каком цвете можно заказать
Инфографика помогает селлеру:
  • привлечь внимание к товару и выделить на фоне конкурентов;
  • быстро донести ключевые преимущества;
  • объяснить, как пользоваться товаром;
  • вызвать доверие у покупателей;
  • уменьшить количество возвратов — люди понимают, что заказывают.
24 изображения для карточек бесплатно
Генерируйте изображения для карточек, удаляйте и меняйте фон с помощью нейросети и попадайте в топ выдачи! Попробуйте 24 бесплатных генерации.
24 изображения для карточек бесплатно

О чём рассказать в инфографике

Характеристики продукта. Обычно селлеры добавляют в инфографику такие сведения:
  • страна производства;
  • марка товара;
  • комплектация;
  • вес, размер, объём;
  • технические характеристики;
  • цвета;
  • состав, материал;
  • действие;
  • способ применения;
  • правила ухода;
  • преимущества.

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

1/3
Пример полезной информации о товаре на инфографике
В карточке влажного корма указано, сколько банок в упаковке и вес каждой

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

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

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

1/2
Плюсы продукта на инфографике для маркетплейса
Покажите плюсы продукта, например, что сыворотка для лица разглаживает морщины и повышает упругость кожи

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

1/2
Награды и сертификаты на инфографике
Награды и сертификаты убеждают в качестве и безопасности товара

Результат применения. Наглядно покажите, какой эффект получат покупатели.

Пример фото до и после использования товара в инфографике
Добавьте в инфографику фотографии до и после использования товара

Какие есть требования к инфографике

У каждого маркетплейса свои правила оформления карточки товаров. Разберём требования популярных площадок: Wildberries, Ozon, Яндекс Маркета и Мегамаркета.

Wildberries

Форматы изображений: jpg, png, webp. Разрешение не менее 700×900 px, размер до 10 Мб.

В инфографике не должно быть:
  • белых полей;
  • цены и указания на скидки;
  • контактов продавца;
  • QR-кодов и ссылок на сторонние сайты;
  • надписей «хит», «лидер продаж», «лучший товар»;
  • обещаний вознаграждений за отзыв;
  • количества проданных товаров;
  • призывов к действию, например, «позвоните нам» или «закажите прямо сейчас».

Ozon

Форматы изображений jpeg, jpg, png, heic, webp. Разрешение для категории «Одежда, Обувь и Аксессуары» не менее 900×1200 px, для остальных от 200×200 до 4320×7680 px. Размер до 10 Мб.

Нельзя размещать инфографику:
  • с указанием цен и скидок;
  • с контактными телефонами, ссылками на соцсети и сайты;
  • с призывами к действию.

На Ozon в инфографике можно указывать номера телефонов, которые начинаются на 8−800.

Яндекс Маркет

Форматы изображений jpeg, jpg, png, webp. Разрешение не менее 300×300 px. Размер до 10 Мб.

Инфографика на Яндекс Маркете не должна:
  • содержать логотип магазина, водяные знаки, ценники и скидки;
  • противоречить характеристикам продукта, например, быть другого цвета или модели;
  • сравнивать с другими товарами;
  • содержать призыв оставить отзыв за баллы.

Мегамаркет

Форматы изображений jpeg, jpg, png, webp. Разрешение не менее 500×500 px, соотношение сторон 3:4, вес не более 10 МБ.

Какой должна быть инфографика на Мегамаркете:
  • без цен, акций, надписей типа «Лучшее предложение» и «Выгодная покупка»;
  • без призыва к действию;
  • без указания гарантии, в том числе от производителя.

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

Соберите сведения о товаре. Посмотрите, на каких характеристиках акцентируют внимание конкуренты и чем интересуются покупатели. Например, на Ozon есть раздел, где пользователи могут задать вопрос продавцу.

Вопрос о характеристиках товара на Ozon
Изучите, какими характеристиками товара интересуются покупатели

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

1/2
Пример минимальной информации о товаре на инфографике
Инфографика для туники содержит минимальные сведения
Продумайте структуру. Придерживайтесь правила: одна картинка — одна идея. Например, вы делаете инфографику для набора кухонных ножей. Она может выглядеть так:
  • первая картинка — основные сведения о товаре;
  • вторая и последующие — характеристики и назначение каждого ножа;
  • последняя — преимущества.
1/3
Основные свойства товара на первом слайде инфографики
В первом слайде показаны основные свойства набора кухонных ножей: состав, количество, конструкция

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

Инфографика в современном и минималистичном стиле
Стиль инфографики для ирригатора — современный и минималистичный

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

Фото товаров с акционными плашками «Хорошая цена» и «Распродажа» на Wildberries

Правила понятной инфографики

  • Максимум сведений. Показывайте характеристики в виде картинок и схем. Больше изображений, меньше текста.
  • Чёткая структура. Важную информацию размещайте в верхней части, остальные сведения — в средней и нижней. Заголовки сделайте крупнее и ярче основного текста.
  • Простой читаемый шрифт. Roboto, Open Sans или Arial. Цвет должен контрастировать с фоном. Например, белый на чёрном или тёмно-синий на светло-сером.
  • Лаконичные фразы. Используйте конкретные цифры и факты, например, вместо «Лёгкий» напишите «Вес всего 300 граммов», вместо «Надёжный» — «Гарантия 5 лет».

Как продавать с помощью инфографики

Используйте ассоциации

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

Пример создания положительных ассоциаций на инфографике
Изображение апельсина и зелёный фон ассоциируются с пользой для здоровья

Вызывайте эмоции

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

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

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

«Шокировать можете, но не злоупотребляйте, иначе вместо радости вызовете отвращение. Эмоции могут быть разными, но главное, они должны быть искренними, подходящими под ваш товар, подталкивающими к покупке, а не вызывающими желание поскорее закрыть страницу» — Анна Ковтун, маркетолог.

Пример использования шок-контента на инфографике
Шок-контент привлекает внимание, но используйте его аккуратно, чтобы не вызвать отвращение

Делайте креативы

Маркетолог советует использовать необычные элементы, чтобы пробить баннерную слепоту покупателей.

«Нужно было продвинуть карточку пищевых красителей среди аналогичных товаров. Я сделала необычную запоминающуюся инфографику. Добавила лицо, сгенерированное нейросетью — тестировала разные варианты, но победил весёлый итальянский кондитер. Целевая аудитория продукта — девушки-кондитеры, они обращали внимание на красивого итальянца. Помимо эмоционального триггера добавила в инфографику рациональные преимущества, которые выявила в результате анализа аудитории. Например, что в комплекте находится карта смешивания, а сам продукт безопасный. В итоге продажи выросли в 5 раз», — Анна Ковтун, маркетолог.

Пример использования сгенерированного нейросетью контента на инфографике
Сгенерированный нейросетью итальянец привлекал внимание девушек кондитеров и продажи выросли

«Чтобы креатив работал, он должен вызывать эмоции и быть как-то связан с вашей целевой аудиторией. Например, туалетная бумага — товар с широкой целевой аудиторией, котики — объект, который вызывает умиление у большинства. Если их поместить на одну картинку, она будет привлекать внимание. Приём простой, но эффективный», — Анна Ковтун, маркетолог.

1/2
Пример использования котиков в инфографике
Пользователям нравятся котики в инфографике

«Наш мозг в первую очередь замечает движущиеся предметы. Инфографика с ними работает лучше, чем статичная картинка, потому что привлекает внимание. Подумайте, как передать динамику вашего товара. Это может быть летящий подол платья, развевающиеся волосы или бегущий ребёнок», — Анна Ковтун, маркетолог.

Показывайте товар крупным планом

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

«Заголовок в инфографике не всегда обязателен. Его можно опустить, если вы продаёте простой товар, который не требует представления. Например, если торгуете белыми футболками, то клиент сам по картинке догадается, что это такое», — Анна Ковтун, маркетолог.

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

Правильно подбирайте цвета

В инфографике используйте 2−3 основных цвета, желательно фирменных.

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

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

Чтобы подобрать подходящие цвета для инфографики, воспользуйтесь сервисами Coolors, Adobe Color CC или Color Hunt. Возьмите за основу готовую палитру или создайте её сами с помощью цветовой схемы.

1/2
Пример готовой цветовой палитры
Пример готовой палитры цветов в Color Hunt

«Я разрабатывала инфографику для скраба для кожи головы 19 LAB. Проблема товара была в том, что это малоизвестный продукт с высокой стоимостью для первой покупки. Я решила добавить больше рациональных факторов выбора: когда не понимаешь, нужен ли тебе товар, то скорее купишь, логически объяснив себе преимущества. Поэтому для инфографики я выбрала медицинский стиль: серый холодный тон, паттерн в виде молекул, пробирки, которые ассоциируются с лабораторией. Также добавила розовый эмоциональный цвет, коррелирующий с продуктом. Рациональный вес придала надпись «трихологи рекомендуют». В результате карточка стала продавать в 3−5 раз больше», — Анна Ковтун, маркетолог.

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

Сервисы для создания инфографики

24AI. Нейросеть сделает карточки товаров в три шага: загрузите фото, выберите шаблон и получите готовую инфографику для основных маркетплейсов. Можно анимировать картинку, сделать видеообложку, одеть модель без фотосессии. В стоимость от 1 499 рублей входят более 200 шаблонов для инфографики.

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

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

Wondercard. В сервисе есть шаблоны инфографики для разных категорий товаров для Ozon и Wildberries. В бесплатной версии только 1 базовый шаблон и ограниченный доступ к элементам. За 1490 рублей в месяц будут доступны все шаблоны и инструменты.

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

Infograffer. В редакторе можно делать собственный дизайн карточек или с помощью шаблонов. Есть возможность скачивать картинки напрямую с Ozon и Wildberries и загружать обратно через API. Стоимость сервиса от 1 390 рублей в месяц.

Частые ошибки при разработке инфографики

Сложная для восприятия инфографика не будет работать. Собрали распространённые ошибки селлеров при создании визуального контента.

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

1/2
Пример картинки, перегруженной информацией
Неправильно: на картинке слишком много информации

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

1/2
Пример неправильного сочетания текста и фото
Неправильно: текст сливается с фоновой картинкой

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

1/2
Пример плохого сочетания цветов на картинке
Неправильно: цвета плохо сочетаются, поэтому текст нечитаем

Ошибки в тексте. Проверьте текст перед размещением инфографики в карточке товара. Наспех сделанные картинки создают впечатление непрофессионализма.

Пример ошибки в тексте инфографики
Неправильно: в инфографике допущена описка

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

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

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

Что делать, если украли вашу инфографику

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

«Чтобы побороться за свой же визуал, нужны исходники и договор с фотографом и студией, где производился контент. То есть доказательства того, что вы правообладатель фото и видео. В таком случае в личном кабинете продавца можно создать обращение по нарушению прав. Другой стороне даётся время на ответ и исправление ситуации», — Ольга Чинова, эксперт по маркетплейсам.

Если заметили копию своей карточки, действуйте:

  1. Зафиксируйте нарушение. Сделайте скриншоты карточки конкурента и своей карточки с датами размещения.
  2. Подготовьте доказательства. Нужны исходники, файлы с рабочими слоями, переписку с дизайнером — всё, что подтверждает авторство.
  3. Напишите в поддержку маркетплейса и приложите материалы. Обычно такие обращения рассматривают как нарушение авторских прав.
  4. Дождитесь решения. В большинстве случаев спорный контент удаляют или просят нарушителя заменить изображения.

Чем подробнее и понятнее доказательства, тем быстрее рассмотрят обращение.

Частые вопросы об инфографике на маркетплейсах

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

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

Где брать идеи для инфографики?

Чтобы найти идеи для создания инфографики:

Сколько цветов можно использовать в инфографике?

В инфографике рекомендуется использовать не более 2−3 цветов. Это поможет избежать визуальной перегрузки — покупателям будет легче воспринимать информацию.

Что нельзя писать в инфографике на Wildberries?

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

Комментарии

Ответы

  • Комментарий удалён

  • Комментарий удалён