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

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

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

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

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

Также инфографика нужна для следующих целей:

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

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

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

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

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

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

Преимущества карточек с инфографикой

Карточки товаров с инфографикой присутствуют на всех популярных маркетплейсах: Вайлдберриз, Озон, Яндекс Маркете, AliExpress и др. Вот основные преимущества инфографики:

• Индивидуальный дизайн.

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

• Выделяет карточку на фоне конкурентов. 

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

Пример карточки без инфографики:

На ней нет никаких сведений о телевизоре, кроме бренда. Ее сложно назвать информативной или узнаваемой.

Пример карточки с инфографикой:

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

• Все функции товара в одном месте. 

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

Требования к инфографике от маркетплейсов

У каждого маркетплейса технические требования к инфографике товара свои, а к содержанию — примерно одинаковые. Далее расскажем о нюансах.

Общие требования маркетплейсов к инфографике

Что нельзя размещать на инфографике:

• Чужие товарные знаки и логотипы. При продаже на Вайлдберриз селлер не может использовать логотип маркетплейса карточке товара или назвать свой бренд, к примеру, "Apple".
• Словосочетания с товарными знаками, которые не принадлежат продавцу. То есть на карточке нельзя разместить надпись "Хит продаж Ozon" или "сумка Coccinelle" и т. д.
• Недоказанные факты и информацию о превосходстве своего товара. Например, такие слова или словосочетания, как "лучший", "бестселлер", "самые низкие цены" и др.
• Водяные знаки. Их используют для защиты и размещают полупрозрачные логотипы или названия бренда. 
• Нецензурные и грубые выражения.
• Орфографические и пунктуационные ошибки.

Далее расскажем о технических требованиях маркетплейсов к инфографике.

Требования Wildberries

• формат картинок — JPG или PNG;
• разрешение — от 450х450 пикселей;
• максимальное количество фото в одной карточке — 30;
• вес архива для нескольких карточек — до 500 МБ;
• рекламные надписи использовать можно, но запрещены слова и фразы "Бестселлер", "Лучший товар", "Покупатели выбирают" и т. д.

Подробнее про инфографику для Wildberries — в этой статье.

Требования Ozon

• формат картинок — JPEG, JPG, PNG. В мобильном приложении Ozon Seller доступны форматы HEIC и WEBP;
• размер фотографий — до 10 Мб;
• разрешение — от 200×200 до 4320×7680 пикселей. Для категорий "Одежда", "Обувь" и "Аксессуары" минимальное разрешение — 900×1200 пикселей;
• нельзя использовать рекламные надписи.

Требования Яндекс Маркета

• формат картинок — JPEG, JPG, PNG, WEBP;
• размер фотографий — до 10 Мб;
• разрешение — от 300х300 пикселей.

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

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

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

Цвет фона инфографики

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

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

• Зеленый подходит для медицинской ниши, косметики и эко-продукции.
• Желтый ассоциируется с теплом, радостью, солнцем и весельем. Хорошо подойдет для детской тематики.
• Оранжевый часто используется для товаров невысокого ценового сегмента.
• Красный цвет может восприниматься как раздражитель, поэтому его используют для оформления акцентов.
• Синий используется во всевозможных нишах — от туризма до сферы высоких технологий.
• Белый подходит для оформления минималистичных дизайнов. Его часто комбинируют с черным или с яркими цветами.
• Черный подходит для товаров люксового сегмента.

Надписи на фото

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

Рекомендации при добавлении надписей в инфографику следующие:

• Подберите подходящий размер шрифта, чтобы покупатели могли легко прочитать текст. Лучше использовать 1-2 шрифта: для важной информации — жирный, а для второстепенной — тонкий.
• Цвет текста должен отличаться от фона, чтобы не сливаться с ним.
• Надписи нужно размещать так, чтобы они не перекрывали изображение.
• Текста не должно быть слишком много. Чтобы он легче воспринимался, рекомендуем делать изображение не таким ярким и насыщенным.
• Надписи лучше воспринимаются в текстовых блоках. Например, заголовок, основные характеристики, преимущества продукции, текст о потребностях, которые закрывает товар.

Графические элементы

В основном используют плашки и наклейки.

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

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

Особенности размещения плашек:

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

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

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

Рамки и таблицы

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

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

Какая информация должна быть в инфографике товара

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

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

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

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

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

Ответы на вопросы о товаре. Если человек не найдет ответы на свои вопросы, он купит товар у того продавца, который уже ответил на них.

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

Как составить ТЗ для дизайнера на разработку инфографики

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

ТЗ для дизайнера инфографики должно содержать следующие разделы:

• Задачи. Например, выделить товар среди конкурентов, повысить кликабельность первой карточки и увеличить мотивацию для покупки.
• Референсы. Для примера добавьте ссылки на грамотно оформленные карточки похожих товаров из смежных ниш.
• Рекомендации к макетам. Необходимо расписать, что должно находиться на каждом макете. Например, макет 1 должен содержать: надпись "Galaxy A14"; сведения о преимуществах (диагональ экрана 6,6 дюйма, встроенная память 256 Гб, оперативная память 8 Гб, емкость аккумулятора 4500 мА-ч). Смартфон нужно показать с разных ракурсов, разместить видео внутри.

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

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

1. На подготовительном этапе необходимо:

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

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

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

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

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

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

После сборки макета надо добавить инфографику на фото, загрузив изображение в формате PNG или JPG в личный кабинет селлера.

3. Чтобы понять, насколько эффективна инфографика, проводится A/B-тестирование. Нужно подготовить два варианта оформления карточки товара и проанализировать изменения конверсии, количества кликов, заказов и продаж при показе целевой аудитории сначала одной инфографики, а затем другой.

Важное условие: ничего, кроме инфографики менять нельзя. Остальные настройки (цена, условия продажи, размер скидки) должны оставаться прежними.

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

SellerCard

SellerCard — российский конструктор для создания продающих карточек для Wildberries, Ozon, Яндекс Маркета и Мегамаркета.

Цена: тестирование функционала без загрузки фото — бесплатно. Платный тариф с доступом ко всем функциям — 290 рублей в месяц при оплате за год.

Возможности сервиса:

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

WBCard

WBCard — бесплатная программа для создания инфографики для Wildberries, Ozon, Яндекс Маркета.

Цена: есть бесплатный базовый тариф и платная расширенная версия.

Возможности программы:

• готовые шаблоны для инфографики, библиотека дизайнерских элементов (плашки, шрифты, графические элементы);
• можно добавлять и редактировать данные;
• экспорт инфографики в различные форматы (PNG, JPEG, PDF) и публикация на разных платформах.

Wondercard

Wondercard — онлайн-сервис для создания инфографики для Вайлдберриз и Озон.

Цена: доступен бесплатный тариф с ограниченными возможностями и платный тариф на месяц или год.

Возможности сервиса:

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

Supa

Supa — онлайн-конструктор, с помощью которого можно создавать разнообразный визуальный контент, включая карточки для маркетплейсов — Wildberries, Ozon и Яндекс Маркета. 

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

Возможности сервиса:

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

Wilda

Wilda — онлайн-конструктор документов с возможностью создания инфографики для Wildberries, Ozon, Яндекс Маркета и AliExpress.

Цена: оплачивается количество скачиваний созданных в программе документов. Разовое скачивание стоит 150 рублей. Самый выгодный тариф позволяет безлимитно скачивать и редактировать карточки товаров в программе за 3599 рублей в год.

Возможности программы:

• простой редактор;
• хранение инфографики на диске;
• экспорт в различные форматы (PNG, JPEG, PDF).

Saharok

Saharok — сервис для создания инфографики для маркетплейсов Wildberries, Ozon, Яндекс Маркета, AliExpress, Alibaba, Tmall. 

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

Возможности сервиса:

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

Редактор "Холст" от SMMplanner

"Холст" от SMMplanner — онлайн-редактор, с помощью которого можно создавать инфографику для соцсетей и маркетплейсов.

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

Цена: 333 рубля в месяц. Пробный бесплатный период — 7 дней.

Возможности программы:

• библиотека дизайнов шаблонов;
• каталог изображений Unsplash;
• встроенный удобный редактор;
• удаление фона с фотографии;
• возможность изменения размеров под требования любого маркетплейса.

Использование нейросетей для создания инфографики

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

Преимущества создания инфографики через нейросеть: 

• экономия времени и средств на оплату услуг дизайнера;
• генерация "цепляющих" заголовков;
• качественная картинка без навыков дизайна.

Самая удобная и популярная во всем мире нейросеть для генерации изображений — Midjourney. Ее полезные функции:

• создание реалистичных изображений;
• рисование картинок с нуля;
• создание инфографики на основе референса;
• изменение фона инфографики;
• генерация графических изображений и т. д.

Недостаток в работе с Midjourney — отсутствие бесплатной версии, а также сложности оплаты тарифа из России. 

В качестве альтернативы можно использовать инструмент "Инфографика онлайн с помощью нейросети (ИИ)" от "Пиксель Тулс". Полный функционал на 30 дней доступен за 99 рублей, далее нужно выбрать и оплатить тариф.

Ошибки при создании инфографики

Рассмотрим примеры плохой инфографики и разберемся, как избежать ошибок.

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

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

Такая инфографика полезна для покупателя — есть информация о составе ткани, размерах и преимуществах.

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

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

Есть вся нужная информация, и карточка выделяется на фоне остальных.

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

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

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

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