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

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

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

Полезные статьи

Читайте также:

Как искусственный интеллект помогает бизнесу приводить и удерживать клиентов

Как искусственный интеллект помогает бизнесу приводить и удерживать клиентов

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

Инфографика — это картинка в карточке товара, в которой показаны продукт, его характеристики и преимущества. Ее «родная сестра» — видеоинфографика — то же самое, но в видеоформате.

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

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

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

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

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

• Рассказать, как использовать товар. Для примера возьмем пароочиститель. Акцентируйте внимание на том, что пар растворяет и удаляет загрязнения. Отметьте базовые преимущества (легкость, простоту, результативность). Коротко расскажите о каждой насадке из комплекта и о том, как ей пользоваться. Это вызывает доверие, а еще покупатель сможет вернуться в карточку и не искать инструкцию где-то еще — так вы расположите его к себе и вероятнее получите хороший отзыв.

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

• Показать результат работы товара. Часто люди ищут не моющее средство само по себе, а способ безопасно очистить плиту. В формате «до/после» легче всего показать, что средство работает хорошо.

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

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

• Повышение вовлеченности. Маркетинговый «крючок»: цепляющее визуальное оформление привлекает моментально. Если ваша карточка выделяется среди конкурентов хорошим дизайном, по ней кликнут с большей вероятностью.
• Упрощение информации. У большинства людей преобладает визуальное восприятие информации. Чтобы облегчить его, не расписывайте сложные слова и состав товара, детали и характеристики. Добавьте простую графику, иконки и покажите предмет с разных сторон.
• Прокачка поисковой оптимизации (SEO). Карточка с инфографикой часто получает большую ссылочную массу, так как люди делятся товаром в соцсетях и блогах. Поисковики видят, что у вас дана ценная информация. Благодаря этому у карточки больше шансов попасть в выдачу Google или Яндекса по прямому запросу, связанному с вашим товаром, например «футболка с драконом купить».

Что учесть перед созданием инфографики товара

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

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

И, конечно, классические запреты: нецензурные выражения, оскорбительный и откровенный контент.

Требования маркетплейсов к дизайну карточек товаров

У технических требований тоже есть отличия. Рассмотрим их подробнее у Wildberries, Ozon и Яндекс.Маркета.

Wildberries

• Загрузить изображение можно в JPEG*, PNG*;
• вес файлов любой;
• максимальный вес для архива — 500 Мб;
• минимальное разрешение — 900х1200 пикселей;
• максимальное — 6000х8000 пикселей, хотя это не отмечено на площадке.

Пример инфографики для маркетплейса Вайлдберриз

Ozon

• Картинки можно загрузить в JPEG, JPG*, PNG, а еще в HEIC* или WEBP*, если грузите через телефон;
• максимальный вес файлов — 10 Мб;
• минимальное разрешение — 200х200 пикселей, но для одежды, обуви и аксессуаров оно должно быть больше — от 900х1200 пикселей;
• соотношение сторон — 1:1 либо 3:4 (для категорий одежды, обуви и аксессуаров);
• максимальное — 4320х7680 пикселей.

Классическая инфографика на Ozon

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

• Загружать карточки можно в JPEG, JPG, PNG и WEBP;
• минимальное разрешение — 300х300 пикселей;
• максимальное разрешение не указано;
• запрещено использовать чужие фотографии;
• вы можете разработать инфографику через YandexARP (нейросеть для создания картинок).

Визуальное оформление для Яндекс.Маркета

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

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

• Укажите особенности продукта. Самые сильные из них вынесите на инфографику. Обычно указывают от трех до восьми параметров. Главное — не «перегрузить» картинку: скученный текст и пестрая инфографика отталкивают.
• Изучите конкурентов и найдите свои выгоды. Узнайте, что предлагают конкуренты и что говорят о них покупатели в отзывах. Предложите своей аудитории чуть больше. Например, приложите подарок и укажите это на инфографике с помощью маленькой иконки.
• Разработайте концепцию. Продумайте, как надписи и иконки будут располагаться на фото товара. Продумайте цвета. Если вы замечаете, что в поисковой выдаче по вашему товару однородная цветовая гамма, отстроиться от конкурентов будет просто.
• Составьте ТЗ и реализуйте его. Кратко отметьте, что именно вы решили указать на фото, а затем приступайте к оформлению. Часто инфографику делают в простых редакторах, например в Canva. 
• Загрузите и протестируйте карточку. Разместите инфографику и проверьте, как изменился поток заказов. Лучше собирать статистику не чаще одного раза в неделю.

Совет: многие дропшипперы* предоставляют посредникам качественные фотографии. В статье «Как найти поставщика для маркетплейса» рассказали о том, где искать лучших поставщиков — от дропшипперов до оптовиков.

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

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

WBCard

WBCard

Функционал:

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

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

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

Холст

Холст от SMMPlanner

Функционал:

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

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

Стоимость: есть бесплатная версия с ограниченными функциями. Минимальная цена подписки — 392 рубля в месяц.

Wondercard

Wondercard

Функционал:

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

Стоимость: есть бесплатная версия с ограничениями. Подписка на весь функционал стоит 1 490 рублей в месяц.

Supa

Supa

Функционал:

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

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

Flyvi

Flyvi

Функционал:

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

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

Pixlr

Pixlr

Функционал:

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

Стоимость: минимальная подписка при единовременной оплате за год — 1,99 доллара. Оплата возможна через PayPal, картами Visa или Mastercard.

Visme

Visme

Функционал:

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

Стоимость: есть бесплатный тариф и подписка от 12,25 доллара в месяц. Оплата проходит только с зарубежной карты. 

Wilda

Wilda

Функционал:

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

Стоимость: создавать и редактировать картинки можно бесплатно, но чтобы скачать файл, нужно заплатить. Одно скачивание — 150 рублей. Есть подписки стоимостью от 210 до 3 599 рублей в месяц.

InfoGraffer

InfoGraffer

Функционал:

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

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

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

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

Еще предлагаем несколько рабочих приемов для разных направлений:

• Красота и здоровье. Классические цвета для ниши — белый, зеленый, голубой. Белый ассоциируется с чистотой, зеленый — со здоровьем и натуральностью, голубой — с легкостью.

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

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

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

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

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

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

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

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

Выше показали перегруженную инфографику. На нее добавили избыточную информацию и «утяжелили» изображение темным фоном.

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

• Плохая видимость самого товара. Чем подробнее товар виден на инфографике, тем лучше. Так покупатель сразу оценивает, подходит ли ему продукт.

Что продают на двух верхних фото? Пиджаки? Духи? Услуги? Товар — серебряное кольцо — теряется на крупных планах. Не видно его деталей, не указаны преимущества.

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

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

• Инфографика помогает продавать лучше. Традиционные фото товара и перегруженные изображения больше не работают. Отдайте предпочтение минималистичным дизайнам и четким акцентам на преимуществах товара.
• Приложения для инфографики для маркетплейсов упростят вам работу. В них часто встроены подсказки или есть возможность сгенерировать картинку через нейросеть.
• Если вы хотите расширяться и выходить за рамки маркетплейсов, вам потребуется автоматизированный сервис для продвижения онлайн. Важные функции для опытных селлеров — автоматический поиск площадок для рекламы, работа в едином окне, контроль бюджета. С такими сервисами, как Программатик* Calltouch, вы заявите о своих продуктах на широкую аудиторию и повысите приток органического трафика к вашим товарам. 

Эффективный маркетинг с Calltouch

• Анализируйте весь маркетинг и продажи в одном окне
• Удобные дашборды и воронки от показов рекламы до ROI

Узнать подробнее

*JPEG (англ. Joint Photographic Experts Group, по названию организации-разработчика) — растровый графический формат для сжатия цифровых изображений с потерями.

*JPG (англ. Joint Photographic Experts Group, по названию организации-разработчика) — растровый графический формат для сжатия цифровых изображений, аналог JPEG.

*PNG — (англ. portable network graphics — портативная сетевая графика) — растровый формат хранения графической информации, использующий сжатие без потерь.

*HEIC (англ. High Efficiency Image Container) — стандартный формат фото на iPhone.

*WEBP (англ. web picture — «веб-картинка») — формат сжатия изображений, разработанный компанией Google.

*Дропшиппер (англ. drop shipper — «прямой отправитель») — посредник между покупателем и поставщиком товара.

*Лендинг (от англ. landing page — «посадочная страница») — одностраничный сайт, который создают для конкретного продукта, услуги или мероприятия.

*Программатик (англ. programmatic — «программный») — охватная реклама на различных каналах.