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

Как создать кликабельные и информативные карточки товаров.

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

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

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

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

Рекомендации о том, как создать и оформить продающую карточку товара на Wildberries, читайте здесь.

Другие цели инфографики:

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

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

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

• Показать эффективность товара в действии. Результат применения некоторых товаров (косметика, бытовая и автохимия) можно продемонстрировать наглядно. Для этого достаточно сделать инфографику в стиле «До/После». Такие примеры стимулируют людей сделать покупку и увеличивают доверие к продукту.

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

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

Карточки товаров с инфографикой можно увидеть на Wildberries, Ozon, Яндекс Маркете, AliExpress и любом другом маркетплейсе. Сегодня это мастхэв, без нее сложно продвигаться в органическом поиске, да и запуск рекламы не освобождает от работы над оформлением карточки. Ниже расскажем, зачем нужна инфографика для маркетплейсов.

Основные преимущества инфографики:

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

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

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

А вот пример карточки телевизора с инфографикой:

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

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

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

Что запрещают размещать на инфографике товаров маркетплейсы:

• Товарные знаки и логотипы, которые не принадлежат продавцу. Например, если селлер продает на Wildberries, он не может использовать лого «Wildberries» на своей карточке, так же как и не может назвать свой бренд, например, «Chanel».
• Слоганы и словосочетания с товарными знаками, которые не принадлежат селлеру. К примеру, нельзя на инфографике разместить надпись «Хит продаж Ozon» или «плащ Burberry» и т. д.
• Нельзя указывать недоказанные факты и упоминать о превосходстве своего продукта. То есть нельзя употреблять такие слова или словосочетания: «лучший», «превосходный», «бестселлер», «самые низкие цены» и т. д.
• Запрещено накладывать водяные знаки на инфографику. Обычно их используют для защиты и наносят полупрозрачные логотипы или названия бренда.
• Нельзя использовать нецензурные и грубые выражения, допускать орфографические и пунктуационные ошибки.

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

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

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

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

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

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

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

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

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

Какие цвета лучше подойдут для разных ниш:

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

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

Что нужно при добавлении надписей в инфографику:

• Цвет текста должен контрастировать с фоном — так они не будут сливаться, и пользователи смогут легко прочитать надписи.
• Размер шрифта должен быть таким, чтобы покупатели смогли без проблем разобрать текст. При этом на карточке рекомендуется использовать один, максимум два шрифта. Например, для важной информации использовать жирный шрифт, для второстепенной — тонкий.
• Надписи должны помочь выбрать товар, но при этом их не должно быть слишком много. Если текста на картинке много, то рекомендуется делать изображение не таким ярким и насыщенным, чтобы упростить восприятие картинки в целом.
• Размещение надписей — они не должны перекрывать изображение фотографии.
• Текстовые блоки. В визуале карточки может размещаться заголовок, плашки с основными характеристиками и преимуществами товара, текст о потребностях, которые закрывает товар.

К самым часто используемым элементам относят следующие.

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

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

Что нужно учесть:

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

Наклейки. Цель наклейки — акцентировать внимание на важных моментах. В примере ниже наклейка акцентирует внимание покупателей на том, что детские шорты пошиты из 100% хлопка:

Иконки с коротким текстом визуализируют его для лучшего восприятия.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что нужно сделать на подготовительном этапе:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Возможности:

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

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

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

Возможности:

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

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

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

Возможности:

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

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

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

Возможности:

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

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

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

Возможности:

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

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

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

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

Возможности:

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

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

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

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

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

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

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

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

Больше нейросетей под разные задачи бизнеса и маркетологов найдете в наших обзорах: часть 1 и часть 2.

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

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

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

А вот пример инфографики конкурента, который также предлагает спортивные мужские штаны:

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

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

Именно такой эффект возникает при взгляде на инфографику, размещенную ниже.

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

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

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

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

В примере ниже селлер написал характеристики демисезонной детской курточки настолько мелко, что покупатель сможет прочитать текст разве что через увеличительное стекло:

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

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

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

Реклама. ООО «Клик.ру», ИНН:7743771327, ERID: 2VtzqxZ5mij