Маркетплейсы уверенно завоевывают покупателей: на них приходится 58% российского рынка онлайн-торговли. Уровень конкуренции на этих площадках очень высок, и при широком выборе похожих товаров покупатель ориентируется прежде всего на стоимость и срок доставки. Продавцу приходится бороться за каждую продажу — снижать цены или вкладывать деньги в рекламу, чтобы его товар оказался повыше в выдаче по ключевому запросу. Но есть другой, простой и доступный способ отстроиться от конкурентов. В статье рассказываем, как оформить карточку товара, чтобы довести клиента до продажи.
Восприятие визуала
У продавца очень мало времени на то, чтобы заинтересовать своим товаром: в его распоряжении есть буквально пара секунд. Поэтому огромное значение имеет визуальная подача — именно за нее может зацепиться взгляд. Потенциальный покупатель видит обложку, затем переходит на страницу товара, начинает листать слайды. Чем дольше он изучает карточку, тем выше конверсия в продажу.
Важно!
Захват внимания происходит неосознанно и базируется на инстинктах «привлекательно» или «опасно». Постарайтесь сказать зрителю: «здесь безопасно, мы тебя не загрузим».
Есть определенные точки контроля, которые помогут сделать дизайн карточки более простым для восприятия, управлять вниманием покупателя внутри вашей воронки из слайдов. Их можно использовать для быстрой самодиагностики, когда вы делаете карточки или принимаете работу дизайнера.
Сделать обложку заметной
Обложка — это первая точка касания клиента с вашим товаром на маркетплейсе. От нее зависит, выделит ли покупатель ваше предложение среди других подобных, перейдет на страницу вашего товара или предпочтет конкурента.
Цветовые контрасты. Проще всего выделить обложку цветом фона или самого товара. Используйте контрастные сочетания. Цвет может быть любым, лишь бы карточка была заметной на фоне других и при этом выглядела гармонично.
Оценить результат можно с помощью «ресничного фильтра»: прищурьте глаза и посмотрите на страницу поисковой выдачи. Так вы поймете, какие карточки выделяются среди остальных.
Активное цветовое решение можно использовать на обложке, но внутри карточки не стоит постоянно держать зрителя в напряжении. Пусть цвет продолжает визуальный язык вашего бренда. Можно использовать универсальное решение — отдать предпочтение макетам на белом фоне.
Заголовок. Он должен быть четким, понятным и легко читаемым. Длинные предложения, сплошной текст без абзацев и «воздуха» отпугивают покупателя, а вам важно донести информацию и сделать ее максимально доступной.
Лайфхак
Если все-таки не обойтись без длинного предложения в описании, начните его с маленькой буквы и не ставьте точку в конце. Такое оформление мозг воспринимает как важный тезис.
Создать контраст
Контраст – это разница в яркости или цвете, которая не дает объектам слиться в однородную массу или кричащую пестроту. Контрастность важно учитывать при оформлении слайдов: текст и важные объекты должны выделяться на общем фоне.
Добавить «воздух»
«Воздухом» в дизайне условно называют расстояние между объектами на слайде. При недостатке «воздуха» макет выглядит загруженным, дешевым и трудным для восприятия.
Выделить поля
Кажется, что поля съедают драгоценное место на макете, но это не так: поля вокруг объекта притягивают к нему внимание, помогают сделать кадр более аккуратным и целостным. Это невидимая рамка, которая объединяет все элементы внутри слайда.
Оставить охранные технические стоп-зоны
Помимо информации о товаре, которую добавляет продавец, на карточке располагаются системные символы: название акции, размер скидки, значок «Добавить в избранное», кнопки быстрого действия и т. д.
Частая ошибка продавцов — не учитывать эти данные. В результате ключевая информация о товаре (название, размер, параметры) оказывается перекрыта. Создавайте макет карточки с учетом охранных зон.
Сохранить структуру
Проще всего организовать структуру карточки с помощью блоков. Так вы облегчите зрителю восприятие информации.
Если продавец не создал систему из удобных для чтения блоков, то глаз клиента начинает метаться. В результате внимание потенциального покупателя рассеивается, и он пролистывает карточку дальше. Используйте айтрекинг — технологию отслеживания взгляда.
Поработать с направляющими
Направляющие — это невидимые линии, по которым двигается взгляд. Чем меньше направляющих на макете, тем легче человеку понять структуру информации и проще прочитать слайд.
Сделать текст читаемым
Используйте не более 1-2 шрифта в одном макете. Они должны быть простыми и удобочитаемыми: без засечек и вензелей.
Выравнивать текст лучше всего по левому краю. Рваный край создает визуальный беспорядок, рушит структуру, тяжело читается. Глазу приходится постоянно напрягаться.
Организовать иерархию текста и изображения по смысловому значению
Иерархия — это расстановка приоритетов: от главного к второстепенному. Грамотно оформленная карточка товара направляет внимание клиента.
Добавить эмоций
Наш мозг устроен так, что гораздо быстрее запоминает то, что вызывает эмоции. В карточке товара это относится прежде всего к изображению. Поэтому при создании макета стоит обращать внимание на фото: в открытой или закрытой позе изображена модель, какое у нее выражение лица, какие жесты она демонстрирует, уместна ли эмоция для конкретного товара.
Предметы тоже могут демонстрировать те или иные эмоции, вызывать определенное впечатление.
Стройте повествование по принципу «один слайд — одна мысль». Создавайте в карточке сторителлинг: меняйте настроение кадра, показывайте разные ракурсы, разные ситуации — чтобы клиент узнал себя и сопоставил с вашим товаром, проникся к нему эмоциями и в итоге захотел купить.
Применяйте эти простые приемы и увеличивайте продажи на маркетплейсе. А оплату можно принимать на расчетный счет в Ак Барс Банке: обслуживание — от 0 ₽ в месяц.
Вам могут быть полезны эти статьи: