ДИЗАЙН КАРТОЧКИ ТОВАРА: ЧТО АКТУАЛЬНО В 2023 ГОДУ

22.03.2023
1

Эксперты рассказывают, как повысить продажи товаров на маркетплейсах с помощью визуала.

Маркетплейсы занимают 45% рынка интернет-торговли. Если нам нужно что-то купить, первым делом мы открываем Wildberries, OZON, Яндекс.Маркет. Ищем, сравниваем цены, читаем отзывы.

  • За прошлый год число пользователей Wildberries выросло на 28%, Ozon — на 20%.

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

НА ЧТО ВЛИЯЕТ КАРТОЧКА ТОВАРА

Карточка решает следующие задачи:

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

ЧТО ПРЕДСТАВЛЯЕТ СОБОЙ КАРТОЧКА ТОВАРА

Карточка — это первое впечатление, первое касание и первый контакт. Она делает товар привлекательным. Посетитель маркетплейса обычно просматривает товар бегло, тратит на это не больше 1 секунды. Именно дизайн помогает отдать предпочтение определенному магазину среди десятков аналогов, остановиться и принять решение о покупке. А выбирают обычно то, что хорошо выглядит. Если задаетесь вопросом, как повысить рейтинг в интернете — пересмотрите визуал своих товаров.

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

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

1

ТАЛЛИ КЕЛЬМИ

креативный директор агентства Ampersand:

«В 2023 году карточка для презентации товара и его уникальных свойств на маркетплейсах становится настоящим мастхэвом, хотя еще пару лет назад такой позиции в коммерческом предложении и брифе дизайнеру не было вовсе. С чем же связана такая актуализация? В первую очередь, с развитием покупательского спроса на заказы через интернет. Пандемия приучила нас быть диванными покупателями – это проще, быстрее, выгоднее. Такие сервисы, как OZON и вся экосистема Yandex, не только знают наши предпочтения и с помощью контекста подсказывают, что бы нам понравилось, но еще и дают возможность ознакомиться с отзывами, сравнить по ценам, отсортировать по качеству.

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

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

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

ТАТЬЯНА ШАЛИМОВА

старший менеджер по продуктовому маркетингу Haier:

«Топ-5 российского e-com, это:

  • Wildberries.
  • OZON.
  • Aliexpress, Tmall.
  • Яндекс.Маркет.
  • СберМегаМаркет.

Для каждого товара создается карточка, содержащая медиаконтент и описание. Например, на OZON более 27 миллионов товарных наименований. Как же выделиться в таком объеме контента?

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

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

Что можно и нужно добавить в карточку товара:

  • Правильное название товара (развернутое).
  • Маркетинговое описание: выгоды, отзывы.
  • Фото: основные, крупный план, лайфстайлы, rich content и фото 360°.
  • Видео: обзор, распаковка, видео how-to, которые расскажут, как пользоваться продуктом.
  • Название товара: недлинное и понятное. Само название товара, бренд, название серии, основные отличия».

ВИЗУАЛ КАК БАЗОВЫЙ ЭЛЕМЕНТ В КАРТОЧКЕ ТОВАРА

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

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

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

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

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

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

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

2
Магазин старался сообщить все и сразу – в результате переборщил с текстом на карточке товара
3
Ничего лишнего и приятная картинка — остальное можно прочитать в описании товара

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

2

АНАСТАСИЯ СЕМЕНОВА

ведущий дизайнер агентства Markway:

«Текст на изображениях не должен рябить в глазах. Его нужно аккуратно интегрировать в карточку так, чтобы глаз долго не задерживался на одном месте. Надписи не должны занимать больше 40% картинки, иначе могут возникнуть негативные эмоции. Посетитель привык спешить, поэтому концентрироваться на одном месте более 30 секунд и читать большой объем — сложно. Не перегружайте пользователей, позаботьтесь о них».

  • Текст не должен занимать больше 40% картинки.

Также не стоит раскрывать несколько тем в одной картинке карточки: характеристики товара, эффект, материалы. Разбейте информацию на логические блоки и возьмите за правило “1 изображение — 1 тематика”.

4 5
На одной картинке — принцип действия, на другой — активные компоненты
4
Перебор с информацией о товаре на одной картинке
4

АЛЕКСАНДРА ИВАНОВА

графический дизайнер, сотрудничает с брендами DOVE, Timotei, Domestos:

«Сейчас, чтобы заинтересовать покупателя, нужно использовать все средства, особенно презентацию товара. Аналитика показывает, что профессионально оформленная карточка повышает конверсию в продажи на 10-15%.

  1. Проведите анализ конкурентов. Выделите их слабые стороны, проанализировав отзывы. Пример: часто возникают проблемы с неверным представлением габаритов товара. Закройте эти возражения, разместив информацию сразу на первом экране товара.
  2. Фото и видео товара – то, во что нужно вложиться на все 100%! На маркетплейсах покупают «глазами»: покажите продукт со всех сторон и обязательно используйте обзор товара в 360°.
  3. Используйте инфографику. Информация в виде цифр, графиков воспринимается в среднем в 4 раза быстрее, чем та же информация в текстовом виде.
  4. Придерживайтесь золотого правила: «до 5 характеристик на главном экране». Так, вы не перегружаете графикой и правильно демонстрируете товар.
  5. Более 60% покупок совершается через мобильные приложения, поэтому тестируйте контент на всех устройствах – он должен корректно отображаться.

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

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

ПРОДАЮЩАЯ КАРТОЧКА ТОВАРА: ОСНОВНЫЕ ЛАЙФХАКИ

Классно, когда карточка товара не только красивая, но и способная переводить интерес в покупку. Для этого всегда держите в уме три пункта:

  1. Информативность. Используем простые и понятные символы, иконки, символику.
  2. Краткость. Экономим время клиента и упаковываем блок информации о товаре в 3-5 пунктов, а каждый пункт — в 3-5 слов.
  3. Полезность. Закрываем боли покупателя, а не оформляем “для красоты”.

Чтобы повысить число заказов, проведите оптимизацию карточек товаров на Wildberries.

  • Избегайте большого числа элементов. Плашки, списки, крупные логотипы, много надписей «хит сезона» отвлекают внимание, за ними часто не видно сам товар.
  • Создавайте краткую, но емкую инфографику товара. Она должна описывать ключевые отличия и закрывать все вопросы покупателя.
  • Учитывайте категорию товара на маркетплейсе. Что вы продаете: одежду, косметику, технику? Это во многом будет определять стиль, подачу, число элементов.
  • Разделяйте эмоциональные и рациональные преимущества товара. Их нельзя перемешивать, чтобы карточка не выглядела сумбурно.
7 8
9 8
  • Выделяйте главное. Не рекомендуем размещать все преимущества товара на одной картинке. Покупатель сразу воспринимает не более 7 слов, остальная информация о товаре может затеряться или не будет замечена.
  • Уделяйте внимание шрифтам. Начертание и стиль шрифта также влияет на восприятие товара. Если не можете определиться с креативными декоративными шрифтами, лучше остановиться на нейтральных, чтобы текст на визуале карточки не перетягивал внимание на себя.
  • Уделяйте внимание цвету. Оттенок моментально влияет на восприятие товара. Еще до того, как покупатель осознал текст, цвет создает настроение.
3

АНАСТАСИЯ СЕМЕНОВА

ведущий дизайнер агентства Markway:

«Цветовая гамма карточки важна не меньше, чем шрифт и другие элементы. От нее зависит эмоциональная составляющая карточки, ведь в психологии все цвета имеют эмоции. Холодные оттенки и их сочетания задают одно настроение, а теплые — совсем другое. Синий вызывает доверие, чувство спокойствия и безопасности. Зеленый ассоциируется с природой и свежестью. Желтый означает тепло и счастье. Черный — цвет силы и твердости.

11 12
Пастельные оттенки на карточке товара ассоциируются с домашним уютом

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

  • Продумайте позиционирование. Есть одна хитрость: важно продавать не товар, а впечатление от него: пользу, образ жизни, ощущения, удовольствие. Поэтому в карточке важно создавать вокруг товара некий контекст, иллюзию реальной ситуации.
13 14
Бежевый оттенок создает на карточке товара ощущение мягкости и тепла

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

15 16
Карточка показывает взаимодействие с товаром

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

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

17 18
Карточка товара показала размер относительно модели и вместимость
19
А здесь карточку товара перегрузили информацией

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

20
Карточка товара с презентацией результата
3

АНАСТАСИЯ СЕМЕНОВА

ведущий дизайнер агентства Markway:

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

  • Используйте качественные фото без пикселей и шумов. Иначе это будет выглядеть небрежно и скажется на продажах магазина. Фото также должны отображать товар с разных ракурсов.
  • При оформлении карточек применяйте единый фирменный стиль. Использовать элементы бренда — это хороший тон и плюс к узнаваемости. Так ваш товар будет проще идентифицировать и выделить среди других. К таким элементам относятся: логотип, фирменные цвета, фирменные шрифты и графические элементы. Если у вас еще нет своего стиля, можно нанять для этой задачи дизайнера.
  • Возьмите лучшее у карточек конкурентов. И придумайте визуал, который позволит вам выгодно выделяться на фоне остальных товаров. УТП всегда размещаем на обложке.
  • Используйте визуал товара для апсейла. Рассказывайте о дополнительных предложениях и акциях на другие категории товаров.
  • Периодически обновляйте карточку. Во-первых, визуал может устареть в течение полугода-нескольких месяцев. Если человек увидит что-то новое, это послужит триггером. Во-вторых, к праздникам стоит добавить на карточку новые картинки, чтобы потребители рассматривали товар как идею для подарка. В примере ниже цветы вызывают ассоциацию с товарами к 8 марта.
21
Карточка с ситуативным визуалом
1

ТАЛЛИ КЕЛЬМИ

креативный директор агентства Ampersand:

«Все люди — визуалы. Мы верим картинке и хотим окружить себя лучшими образами. Именно поэтому так важно уделять внимание презентации. Если раньше товар просто «прифотошопливали», то теперь такой номер не пройдет. Товар должен быть убедительным. Покупатель хочет видеть, как товар красиво стоит / лежит в интерьере, как он выглядит в руке / на теле / в комнате. Он хочет «увидеть», из чего он состоит, и почему он лучше, чем другой слева или справа. Поэтому сегодня изображение карточек для артикулов на маркетплейсах сравнимо с имиджевыми и продуктовыми рекламными кампаниями. Также нужна съемка фото или видео, обработка в графических редакторах, и даже специальные стилисты по созданию визуальной среды товара, в которой он выглядит особенно привлекательно. Важно создать ключевые рекламные образы, которые презентуют товар».

  • Не переборщите с числом картинок. Карточка с единственным изображением не вызывает доверия у потребителя и не дает полной картины. Покупатель словно задается вопросом: “Раз так мало информации, товар не покупают, компания ненадежная, не стоит ей доверять?”.
5

ЕЛЕНА АНИСИМОВА

менеджер проектов агентства Markway:

“В OZON допускается обложка и 14 дополнительных изображений. В Wildberries — до 30 картинок, включая обложку. “Яндекс Маркет” предлагает своим продавцам загрузить минимум 2 изображения, которые будут показывать товар и соответствовать требованиям маркетплейса.

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

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

22
Карточка smart часов: сначала про функционал, потом про дополнительные плюсы

Важно продумать и композицию обложки карточки. Существует два вида композиции — статичная и динамичная. Какую именно использовать, зависит от специфики товара.

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

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

25 26
На карточке слева композиция статична, а на втором видим динамику

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

ДИЗАЙН КАРТОЧКИ ТОВАРОВ: ЧТО АКТУАЛЬНО В 2023 ГОДУ

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

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

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

— Панорамные снимки. Обзор в 360° позволяет рассмотреть товар с разных сторон, оживить и приблизить его к покупателю.

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

— Rich-контент. Возможность продемонстрировать товар в интернете с помощью баннеров, 3D визуализации и других интерактивных элементов. Это вносит разнообразие в череду статичных фотографий на карточке. Демонстрируйте товар в действии, дайте покупателю возможность «пощупать» его через экран.

27
28
Rich-контент на OZON
1

ТАЛЛИ КЕЛЬМИ

креативный директор агентства Ampersand:

«Рассмотрим приемы, на которые хорошо реагируют покупатели:

  • Ингредиенты. Это прием, когда в центре располагается товар, а слева, справа, сбоку или над ним рисуют то, что входит в состав. Например, возьмем гель для душа из полевых трав. В центре стоит красивый флакон, желательно на лесном мху. Передаем этим свежесть и природное происхождение, а вокруг изображаем те самые травы, с обильными капельками свежей росы. Стремимся показать, насколько богат состав и как бы переносим покупателя в сказочный лес и атмосферу продукта.
  • Ресурс. Дизайнеры отлично умеют передавать изобилие. Например, возьмем обычный йогурт: на изображении йогурт стекает из банки, в нем вкусные крупные ягоды… Или варенье: мы видим полную ложку, продукта так много, что вкусные капли падают вниз. Этот прием показывает ресурс — то, сколько всего внутри за такую небольшую цену. Это делается, чтобы свести к минимуму ощущение от цены и показать, сколько вы получите в результате этой покупки.
  • Атмосфера. Презентуем товар в идеализированной ситуации его потребления. Например, если это фитнес-вода для восполнения влаги во время занятий спортом, чай для похудения или спортивная бутылка, на картинке вы увидите красивых людей на утренней пробежке, с идеальными фигурами, в подобранной одежде и аксессуарах, они кинематографично бегут по набережной… Это прием, который продает не просто сам товар, а образ жизни, который за ним стоит.»

Что мы выяснили? Товар не продвинуть на первые позиции в поиске без качественного визуала. Фото карточки должны побудить к целевому действию — покупке, но при этом быть реалистичными, поскольку ситуация «ожидание VS реальность» приведет к утрате доверия и негативным отзывам от расстроенных покупателей. А это снизит общий рейтинг.

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

НАТАЛЬЯ БАЛАЕВА

Редактор Markway

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

интернет-маркетинг

Сделайте репутацию
источником продаж!

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





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

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

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