ИНФОГРАФИКА

Для чего нужна инфографика карточки товара для маркетплейсов? Как создать её максимально бюджетно? И какое ТЗ дать дизайнеру, если вы собираетесь делегировать её создание? Ответы на все эти вопросы вы узнаете в этой статье.

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

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

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

Главные задачи инфографики карточек Вайлдберриз, помимо трансляции УТП:

- привлечение внимания покупателя за счёт красиво оформленной картинки;
- донесение информации о товаре, потому что большая часть аудитории предпочитает смотреть фото, а не читать текстовое описание товара. Значит, мы должны поместить основные моменты на картинку;
- инфографика помогает обновлять ваш визуальный контент под определенные события. Например, для праздников: Новый год, 14 февраля, 8 марта - повысить продажи вы сможете за счёт тематической инфографики и попадания в специальные акции. При этом устраивать фотосессию товара заново не нужно. Благодаря инфографике вы быстро создадите, так сказать, новый праздничный фантик для вашей карточки товара, а затем также быстро вернётесь к прежней версии.

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

Вот пример отличной инфографики:
https://www.wildberries.ru/catalog/15699033/detail.aspx

Здесь указан не только текст, но и иконки, которые передают смысл текста. Зрительно для покупателя запоминается именно такая карточка товара.

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

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

Кстати, Wildberries официально запрещает и это даже прописано в оферте, что использование надписей «Хит» или «ТОП продаж», «Тренд сезона» на фото и в карточке недопустимо. Это следствие частого использования продавцами «маркетинговых уловок» и не всегда правдоподобной информации. Потому что «топом» может называть себя каждый, и непонятно, какие основные критерии для этого необходимы. Это вводит покупателя в заблуждение.

Использование цветов в карточке не должно быть случайным.
Цвет - важнейший инструмент дизайна.

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

Есть исследования, которые говорят о том, что от 62 до 90% нашего первого впечатления основано на восприятии цвета. Было бы удивительно, если бы маркетологи не пытались использовать такой канал для ненавязчивого влияния на мнение потребителей.
Точно угадать, какую эмоцию мы вызовем у покупателя с помощью цвета невозможно. У каждого свой опыт, свои воспоминания и ассоциации, связанные с тем или иным оттенком. Однако основной вектор выявить можно.

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

Вот отличный пример, когда в карточке товара используется красный цвет:
https://www.wildberries.ru/catalog/43780463/detail.aspx

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

А вот другой пример:
https://www.wildberries.ru/catalog/144365322/detail.aspx
На этой инфографике красный символизирует страсть и очень подходит по смыслу с красным оттенкам помады. Плюс есть ассоциация с оттенками красных ягод.

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

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

Вот отличный пример того, как правильно использовать оранжевый цвет:
https://www.wildberries.ru/catalog/134554025/detail.aspx

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

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

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

Рекомендуем желтый для ниш детской тематики. Подойдёт как для мальчиков, так и для девочек. Для категории здоровье и красота, для развлекательных товаров, товаров для дома и сада.

Пример того, как правильно использовать жёлтый цвет:
https://www.wildberries.ru/catalog/86949043/detail.aspx

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

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

Пример использования зелёного цвета:
https://www.wildberries.ru/catalog/13033861/detail.aspx

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

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

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

Вот ряд карточек товаров с удачным использованием синего цвета:
https://www.wildberries.ru/catalog/138032724/detail.aspx
https://www.wildberries.ru/catalog/94177320/detail.aspx
https://www.wildberries.ru/catalog/35643285/detail.aspx
https://www.wildberries.ru/catalog/100192774/detail.aspx

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

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

Вот пример использования фиолетового цвета:
https://www.wildberries.ru/catalog/130994363/detail.aspx

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

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

Вот как можно удачно использовать белый цвет:
https://www.wildberries.ru/catalog/44879732/detail.aspx

На этой инфографике нет ничего лишнего. Указана вся главная информация о товаре. Сам товар недорогой, но за счёт того, что выбраны два цвета - белый и черный, смотрится презентабельно.

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

Вот хороший пример:
https://www.wildberries.ru/catalog/77796722/detail.aspx

Инфографика выполнена в чёрном цвете. Он отлично подойдёт для карточек товаров премиум-класса, дорогих товаров.

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

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

Специфические, необычные, креативные названия цветов лучше запоминаются по сравнению с привычными наименованиями. Этот приём особенно часто применяют для товаров beauty-индустрии.

Вот хорошие примеры:
https://www.wildberries.ru/catalog/15275226/detail.aspx?targetUrl=EX
https://www.wildberries.ru/catalog/39511223/detail.aspx?targetUrl=EX

Интересно, а есть ли разница, для мужчин ваш товар или для женщин?

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

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

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

Размер шрифта должен быть читабельным, не раздражать и не перекрывать само фото товара. Поставьте себя на место покупателя, спросите у знакомых, как они оценят вашу карточку товара. Прислушивайтесь к мнению потенциальных покупателей.
Сложно объяснить баланс графики и текста. Одной графики в виде стикеров и плашек недостаточно, и только текст - тоже нехорошо. Но не должно быть и «50 на 50». Нужно понимать, что графика — это вспомогательный к тесту элемент, а не основной. Давайте посмотрим на удачный пример:
https://www.wildberries.ru/catalog/137515531/detail.aspx

Вот какие текстовые блоки есть в визуале карточки:
- заголовок;
- плашки с основными характеристики, преимуществами товара;
- и какие потребности и боли закрывает товар.

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

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

2. На второй картинке показываете уникальность товара, его преимущества.

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

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

5. Заключительный слайд - демонстрация надёжности бренда, формирование доверия покупателя. Например, если ваш бренд действительно проверенный временем - более 15 лет на рынке, либо вы используете эко-упаковку и ответственно относитесь к окружающей среде. Или продемонстрировать сертификаты качества.

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

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

А теперь давайте посмотрим на примеры удачных и неудачных инфографик.

Хорошие примеры:
https://www.wildberries.ru/catalog/143125716/detail.aspx
https://www.wildberries.ru/catalog/99314797/detail.aspx?targetUrl=EX
https://www.wildberries.ru/catalog/75288418/detail.aspx

Плохие примеры:
https://www.wildberries.ru/catalog/150319394/detail.aspx
https://www.wildberries.ru/catalog/10165541/detail.aspx
https://www.wildberries.ru/catalog/114176936/detail.aspx

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

Рассмотрим 2 варианта. Первый - создать самостоятельно. Второй - отдать задачу дизайнеру.

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

Наше мнение: лучше не экономить на инфографике и возможности делегировать её профессиональным дизайнерам.

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

2. Добавляем в техническое задание ваше УТП. Что именно нужно транслировать через инфографику? То, что футболка сделана из 100% хлопка? То, что она не линяет? Не мнется? И так далее;

3. Нужно сделать скриншот вашей карточки (если она уже существует) и прикрепить его к ТЗ, чтобы дизайнер понимал, с чем ему предстоит работать.

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

Сделать (кол-во карточек) товара для WB.

Размер - 90 X 1200 пикселей.
Референсы: (ссылки).
Цвета: (указать предпочтительные цвета).
Расположение товара - товар занимает не менее 50% в карточке.
Все карточки сделать в одном стиле.
На главной карточке:
Фото № 1 + текст (указать текст).
Карточка 2:
Фото № 2 + текст (указать текст).
Дедлайн: (дата).

Как найти дизайнера? Уверены, это не составит труда. Предложений полно. И в социальных сетях, и на площадках вроде Профи.ру или Авито. Обязательно смотрите портфолио дизайнера. Если вам его работы нравятся, делегируйте инфографику однозначно. Ваше время как селлера очень дорого стоит. Лучше его потратить не на работу с инфографикой, а на другие задачи, которые, кроме вас, никто выполнить не сможет.

Выводы

Какие самые главные моменты из этого урока мы вынесли:

1. Инфографика Wildberries нужна абсолютно всем карточкам. Потому что покупатели охотнее читают текст на слайдах в карточке, а не в описании. И вам никак нельзя упускать возможность рассказать аудитории о товаре в визуальном контенте;
2. Важно всё: цвет, шрифт, баланс текста и фото товара. Всё это работает по законам визуальной коммуникации и колористики. При первой же возможности отдать создание инфографики для маркетплейса профессионалу - отдавайте.

Удачи вам в создании привлекательного визуального контента на Вайлдберриес!