Что такое инфографика на вайлдберриз

Что такое инфографика?

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

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

Инфографика способствует привлечению внимания аудитории и доносит информацию быстрее, так как есть наглядный материал и текст. Обычно клиенты в первую очередь обращают внимание на визуальную часть карточки товара. Сегодня визуальный контент растет, меняется. Если раньше для привлечения внимания покупателей хватало обычных фото на каком-нибудь фоне, то сегодня таким изображением вряд ли получится это сделать. Можно сказать, что инфографикой сначала начали пользоваться на таких сайтах как Alibaba и AliExpress.

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

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

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

Где и какую инфографику можно использовать

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

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

Что нельзя использовать:

• Товарные знаки, других продавцов, производителей. Их нельзя употреблять и в словосочетаниях, например, «Пиджак как в Zara». Также нельзя писать название маркета, например, Wildberries и Ozon.

• Слова: хит, бестселлер и т. д.

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

• Ругательства, нецензурные выражения.

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

Какие ошибки не стоит допускать при создании инфографики?

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

1. Найти характеристики товара. Выделить самые главные функции продукта. Эксперты предлагают брать во внимание 3−10 параметров.

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

3. Выгода для клиента. Это может быть в виде маленьких пробников крема при покупки шампуня и многое другое.

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

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

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

При создании инфографики также необходимо обратить внимание на такие детали, как:

• цвет фона;

• шрифт наименования продукта, размер;

• тон подложки для надписей;

• графические элементы для выделения, например, стрелки, геометрические фигуры и т. д.

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

Инфографику для маркетплейсов можно сделать с помощью специальных программ. Например, Wondercard подойдет для новичков, так как сервис очень прост в использовании. Имеются и платные тарифы. Supa схожа многим известной программой Canva. Платформа Flyvi предлагает готовые шаблоны. С помощью сервиса Visme можно сделать не только макеты, но и визитки. Figma — удобный редактор, подойдет и для новичков, и для мастеров своего дела.

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

Почему инфографика важна для повышения продаж?

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

Очень многим продавцам разобраться с вопросами по поводу ниши помог наш вебинар «Обзор ниш на WB». Подробнее по ссылке.

Всё об инфографике для маркетплейсов: чем она помогает в продажах и как её создавать

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

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

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

Основная задача инфографики – просто и наглядно рассказать покупателю о товаре, его основных характеристиках и преимуществах. Её значимость находится на втором месте после качества самого продукта.

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

Обратите внимание! Инфографика не является иллюстрацией к тексту. Это самостоятельный источник информации.

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

Визуализация информации о товаре на маркетплейсах используется для достижения следующих целей:

• захватить внимание пользователя;
• показать характеристики и преимущества товара;
• поднять карточку в поисковой выдаче маркетплейса;
• увеличить CTR;
• повысить доверие к бренду.

Плюсы использования современного приёма привлечения клиентов:

• Всё в одном. Чтобы узнать информацию о товаре, покупателю не обязательно смотреть видеообзоры, читать описание и отзывы;
• Привлекает внимание. Хороший визуал выгодно выделяет карточку на фоне конкурентов в поисковой выдаче;
• Доверие к бренду. Если оформлять весь контент в одном стиле, аудитория будет узнавать бренд и больше доверять ему;
• Новый уровень продаж. Графический способ подачи информации демонстрирует уникальное торговое предложение (УТП). Визуал отвечает на главный вопрос покупателей – «Почему мне нужно купить этот товар?».

Продвижение на Ozon: как эффективно продвигать товары и увеличивать продажи

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

Инфографика – это целое искусство. Она не может ограничиться одним видом привлечения внимания.

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

Увеличьте продажи на маркетплейсах!

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

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

Технические требования к инфографике

Правила Ozon:

• изображение – не менее 200*200 и не более 4320*7680 пикселей (для категории «Одежда, обувь, аксессуары» не менее 900*1200 пикселей). Максимум фото для одной карточки – не более 15 картинок;
• фото – цветное, в хорошем качестве. Товар занимает большую часть пространства;
• видео – с компьютера не более 100 Мб, с YouTube или Яндекс Диск не более 5 Гб.

• изображение – любой формат не менее 450*450 пикселей. Максимум фото для одной карточки – не более 30 картинок;
• фото – цветное, в хорошем качестве. Товар занимает большую часть пространства;
• видео – не более 50 Мб. На каждую номенклатуру только одно видео. Нет загрузки с облачных сервисов, как в Ozon.

Важно! Чтобы избежать лишних проблем, выгружать готовые изображения следует в формате PNG/JPG. Они актуальны для всех маркетплейсов.

Выбор темы и контента для инфографики

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

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

Изучение целевой аудитории и ее интересов

Основная аудитория маркетплейсов – это женщины. На это нужно ориентироваться. Женщины заказывают чаще, их более 65% от всех пользователей. Мужчин-покупателей на маркетплейсах только 35%. Стоит учитывать категорию товара. У женщин меньше интереса к технике и автомобилям, а мужчинам реже требуется косметика.

Дополнительная информация! По мнению экспертов, людей в России больше волнует цена, чем качество. Поэтому более дешевые позиции часто выигрывают гонку соотношения цена/качество. Это заметно по работе WB, где основной поток – это молодые девушки и женщины среднего возраста. Их корзина редко превышает 1500 рублей.

Изучение популярных конкурентов

Без конкуренции у бизнеса нет развития, или оно идёт очень медленно. Стоит обратить внимание на успешные кейсы других продавцов на WB и Ozon. Можно собирать все понравившиеся идеи конкурентов, а после на их основе сделать свою уникальную инфографику.

Обратите внимание! Отзывы на чужие товары помогут выявить слабые стороны конкурента. Это можно учесть при работе над собственным визуалом.

Работа с данными и статистикой

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

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

Выбор инструментов для создания инфографики

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

Создание эффективной и понятной инфографики

Существует несколько основных правил «удачной» инфографики:

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

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

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

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

Публикация инфографики на странице товара

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

1. Захват внимания.
2. Демонстрация преимуществ.
3. Аргументация стоимости товара.

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

Использование инфографики в рекламных кампаниях

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

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

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

Размещение инфографики в социальных сетях

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

Использование инфографики в контент-маркетинге

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

Где сделать инфографику для Wildberries и Ozon

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

Бесплатные сервисы

WBCard

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

Wondercard

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

Платные сервисы

Piktochart

Сервис обладает огромной библиотекой макетов по категориям. Есть поддержка синхронизации с популярными веб-сервисами (YouTube, DropBox, Google Drive и т. д.). Пикточарт предлагает тестовый период с полноценным доступом ко всем инструментам. Выгрузить готовую инфографику можно только после оплаты подписки.

Venngage

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

Ошибки при работе с инфографикой

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

• Создание инфографики для галочки. Продавец, который не разобрался в теме, рискует создать безвкусный и отталкивающий визуал. Это может привести к снижению конверсии;
• Бессмысленные элементы. Иногда на изображениях можно увидеть надписи и элементы, которые не несут ценности для клиента. Каждый элемент на инфографике должен нести смысл;
• Нагромождение. Если переборщить с надписями и сделать неправильное фото, внимание пользователя рассеется. Нужно использовать крупные фото, на которых не будет посторонних предметов. Также не стоит добавлять много надписей и элементов.

Примеры успешного использования инфографики на маркетплейсах

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

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

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

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

• Нельзя использовать слишком много декоративных элементов; Перегруженная композиция не только отвлекает, но и отталкивает пользователей;
• Нельзя использовать слишком яркие и агрессивные палитры;
• Рекомендуется использовать гештальт-принципы. Мозг человека лучше всего группирует элементы, когда они расположены рядом, похожи друг на друга и образуют завершённую фигуру;
• Рекомендуется использовать разные цвета, которые не сливаются между собой;
• Рекомендуется дублировать визуал подписями;
• Лучше не использовать больше 3-х цветов и 2-х шрифтов.

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

Всё об инфографике на маркетплейсах: что это такое, когда без неё нельзя и как её сделать

Без инфографики товар в некоторых нишах просто не заметят. Рассказываем, в каких сервисах её можно создать и как не нарушить правила площадок.

Иллюстрация: Wildberries / Colowgee для Skillbox Media

Об инфографике рассказал

Евгений Новиков

Коуч и консультант в сфере e-commerce. Был байером в центральном офисе Wildberries. Оптимизировал бизнес-процессы более чем ста поставщиков на этом маркетплейсе.

Работал маркетплейс-менеджером как с крупными брендами — например, Eleganzza и Modis, так и с локальными: UNU clothing, Hapica, Portobello Italy.

На маркетплейсах важен визуал — от него зависят продажи. Самый популярный способ оформления данных о товарах — инфографика. Без инфографики продавать тяжело из-за большой конкуренции: только на Wildberries торгуют 55 тысяч поставщиков.

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

В этом материале Skillbox Media разберёмся:

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

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

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

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

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

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

Точно сказать, на сколько процентов инфографика повышает конверсию, невозможно. Но есть накопленные данные A/B-тестирований.

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

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

Курсы Skillbox для тех, кто хочет зарабатывать на маркетплейсах

• «Профессия Менеджер маркетплейсов» — освоить перспективную профессию и зарабатывать удалённо.
• «Как продавать на Wildberries» — получить систематизированные знания о торговле на самой популярной в России площадке.
• «Основы работы с маркетплейсами» — понять, как выбрать маркетплейс и товар для него, который будет хорошо продаваться.

Где и какую инфографику можно использовать

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

У маркетплейсов есть общие требования к изображениям и видео. В инфографике нельзя использовать:

• Товарные знаки, которые вам не принадлежат, — в частности, названия маркетплейсов, на которых размещён товар. Например, нельзя упоминать Wildberries и Ozon.
• Словосочетания с товарными знаками, которые вам не принадлежат. Например, нельзя писать: «Выбор Wildberries», «Наша Max Mara», «Футболка как в Zara».
• Утверждения о превосходстве коммерческих показателей продукта перед другими продуктами. Например, слова «хит продаж» и «бестселлер» под запретом.
• Вотермарки, или водяные знаки. Это полупрозрачные логотипы или названия компании, наложенные на фото.
• Агрессивные и нецензурные выражения.

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

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

На Wildberries нет ручной модерации карточек товаров. Инфографику там можно размещать и на главном фото, и внутри карточки.

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

Ещё на Ozon есть отдельный инструмент для работы с визуальным контентом — Rich-контент. С его помощью можно добавлять изображения и видео в описание товара.

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

Как самостоятельно создать инфографику для Wildberries и Ozon

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

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

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

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

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

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

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

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

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

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

Также на этом этапе нужно подобрать:

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

Сделать это можно в любом визуальном редакторе.

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

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

Восьмой — загрузка инфографики в карточку товара. Сохраните изображения в формате PNG и JPG и загрузите их в личном кабинете селлера.

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

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

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

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

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

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

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

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

В качестве примеров я подобрал товары прямо с Wildberries. Здесь не важно в каком редакторе они были сделаны. Главное наглядно показать суть и принципы дизайна.

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

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

• Привлечь внимание (выделиться среди аналогичных товаров);
• Наглядно донести о свойствах и преимуществах;
• Обосновать добавленную стоимость.

В качестве примера приведу вот эти картинки:

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

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

Мне очень нравится как сделана эта карточка, но!

Новичкам я предлагаю так НЕ делать!

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

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

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

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

На заглавной фотографии оставляйте только самое важное:

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

Есть 3 популярных графических способа привлечения внимания к карточке:

• Замена фона фотографии с нейтрального на цветной;
• Яркая обводка (рамка);
• Яркие значки.

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

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

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

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

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

Или вот как сделано, а фон остался белым и никаких взрывов.

В нашем конструкторе есть несколько вариантов рамок. Они накладываются отдельным слоем от фотографий, поэтому дополнительное редактирование фото не нужно:

Яркий фон или рамки могут не всегда работать. Посмотрите на карточку товара с гамаком:

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

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

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

Вот несколько минималистичных карточек на белом фоне со значками, которые хорошо привлекают внимание:

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

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

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