Как сделать такую инфографику, чтобы она сама себя продавала?

В дизайне и маркетинге есть “правило трёх секунд”. Это значит, если через 2-4 секунды пользователь не заинтересовался изображением или видео, он закроет его или будет листать дальше.

Это же правило работает и на маркетплейсах.

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

Она представляет собой небольшое путешествие пользователя от «вау, красивое» до оформления заказа.

Как выглядит воронка?

Воронка состоит из 4-х этапов:

Этап 1 - Главная картинка

Она должна выделяться в поисковой выдаче среди огромного количества аналогичных товаров и привлекать внимание потенциальных клиентов.

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

Этап 2 - Инфографика с уникальным торговым предложением

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

Этап 3 - Параметры товара

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

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

Этап 4 - Допродажи

Демонстрируем потенциальному покупателю похожие товары из ассортимента магазина.

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

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

Перед тем как оформлять инфографику для товаров, нужно:

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

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

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

1. Выберите единый стиль оформления и применяйте его как внутри карточки, так и для других товаров бренда. Это касается цветовой гаммы, шрифтов, графических элементов и шаблонов. Общая стилистика поможет привлечь внимание пользователей и запомниться.
2. Располагайте плашки с информацией так, чтобы они не мешали пользователю рассмотреть товар. В центре внимания — продукт, а информация должна ненавязчиво дополнять картинку. Товар должен занимать ⅔ фото.
3. Помните, что качественное фото очень важно. Даже профессиональный дизайнер не всегда может красиво сделать инфографику для маркетплейса, если в исходнике есть проблемы с освещением, фоном и композицией.
4. Учитывайте интерфейс маркетплейса при добавлении элементов инфографики (расположение иконок, схем и текста). У площадок формат карточек в поиске, рекламных разделах зафиксирован. Например, в левый нижний угол Ozon ставит плашку с названием акции. В правый верхний угол - значок «добавить в избранное».

Если вы посмотрите на шаблоны OZON, то увидите, свободные углы - правый нижний и левый верхний.

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

5. Уделяйте внимание подбору фона.

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

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

• В инфографике лучше всего использовать 2-3 цвета. Предположим, для одной карточки вы готовите 5 инфографик, значит на 5-ти картинках вы применяете 2 или 3 одинаковых цвета.
• Подбор фона, оттенков для плашек, шрифтов строится от товарной категории, цвета продукта, портрета целевой аудитории и визуалов конкурентов. Вероятно, вы замечали, насколько аутентичен, выдержан дизайн инфографик товаров премиум-сегмента - темно-коричневый, бежевый, светло-серый, пыльная роза, нежно-голубой и т.д.
• Если вы продаете товар на OZON и добавляете на инфографику фон ярких цветов, учтите, что, участвуя в акциях, маркетплейс обрежет вашу картинку, дольет белый фон и разместит карточку в акционных блоках.

Адаптируйте инфографику с учетом интерфейса площадки и вашего медиаплана.

6. Редакторская работа с текстом, шрифтами требует не меньшего внимания, чем подбор фона и съемка фотографий.

• Проверяйте текст на наличие грамматических и пунктуационных ошибок. Перед загрузкой инфографики делайте вычитку словосочетаний и предложений. Одни покупатели из-за эффекта «баннерной слепоты» могут не заметить ошибок.  Другие - выступят критиками и расценят коммуникацию с ними, как небрежную: «Стоит ли заказывать у такого продавца товар? Вероятно, и к сборке, доставке он относится так же, да и отзывы негативные есть».
• Используйте простые шрифты, которые вписываются в концепцию вашей инфографики и не рассеивают внимание покупателя.
• Используйте крупный и читабельный шрифт. Здесь следует отказаться от рукописных шрифтов.

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

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

7. Не перенасыщайте инфографику текстом и графическими элементами.

• Следует «выжимать» из характеристик, свойств продукта, УТП не более 10 параметров для 4-5 инфографик.
• Товар не должен затеряться среди обилия контента и призывов, которые обязаны быть информативными и уместными. Главная экспозиция - товар. Графикой вы дополняете представление о нем.

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

Например, решение селлеров - поставить кнопку «play» на главном фото.

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

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

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

При одинаковом товаре, стоимости продукта конверсия одной инфографики может быть 5%, а другой - 15%.

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

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