Карточки для маркетплейсов. От фотосессии до макета дизайна

Глава 1. Пошаговое руководство по основным элементам и правилам карточек

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

Основные элементы карточки (краткий обзор)

От этих элементов зависит конверсия продаж и доверие покупателя.

1. Заглавное фото (главное изображение). Это первое и самое важное фото товара.

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

2. Дополнительные фото (галерея). Это остальные изображения товара (обычно 5-10 фото). Это могут быть: детали товара, например: швы, ткань, подошва, фурнитура, составные части, аксессуары, одежда на модели и т. д. Эти фото так же делает фотограф или дизайнер с навыками фотографирования предметов

Необходимые ракурсы товара: вид сбоку, сзади, сверху, под углом.

Использование в среде (lifestyle): на фото нужно показать, как товар выглядит в интерьере или на модели (если это одежда/аксессуар).

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

Комплектация: что входит в набор товара, как выглядит упаковка.

Схемы/инфографика: размерная сетка для одежды, схема сборки.

3. Название товара (заголовок)

Пишутся ключевые характеристики через запятую, название должно быть SEO-оптимизировано (содержать основное ключевое слово)

Пример: «Телевизор (далее – название, модель, размер диагонали, особенности), так: «Телевизор 32" Samsung SMART UE32H5000FUXRU».

Пример: «Платье женское, трикотажное, миди, с v-вырезом, чёрное».

Цель заголовка: чётко описать товар и попасть в поиск.

Название товара предоставляет продавец.

4. Артикул продавца

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

5. Цена и скидка

Что показывается: текущая цена (со скидкой). Старая цена (зачёркнутая).

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

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

Рис. 5. Иконка «распродажа» на карточке товара в маркетплейсе (создано нейросетью)

6. Кнопка действия («В корзину»/«Купить»)

Основной призыв к действию. Создается маркетплейсом.

7. Блок с рейтингом и отзывами

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

8. Выбор характеристик (модификации)

Выбор размера, цвета, объёма, комплектации товара и т.д. Эти параметры задает продавец.

9. Подробное описание

Обычно описание товара состоит из двух частей:

Список характеристик (заполняются в карточке): бренд, состав, страна-изготовитель и т.д. – структурированные данные для фильтров.

Текстовое описание: продающий текст, который рассказывает о выгодах, материалах, использовании. Форматирование (списки, абзацы) улучшает читаемость.

Делает продавец.

10. Видеообзор

Ценность видео товара: показывает товар в динамике, демонстрирует функционал, увеличивает время изучения информации на карточке и значительно повышает доверие.

Видеообзор должен делать дизайнер, если нет отдельного специалиста по видео.

Вывод:

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

Пошаговое руководство для дизайнера по работе с элементами карточки

Фотографии – это 70% успеха всей карточки. Покупатель на маркетплейсах не может потрогать товар, но он доверяет своим глазам.

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

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

Шаг два: фотосессия. Если дизайнер видит фотографии ненадлежащего качества (мутные, темные, с дефектами, плохой ракурс товара и т. д.), он должен оповестить заказчика о том, что необходимо перефотографировать товар. Если продавец не может этого сделать сам, то дизайнер должен сфотографировать товар. Как это сделать, будет описано в главе 3.

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

Шаг три. Дополнительные фото (до 10-15 шт.) также должны быть сделаны во время фотосессии товара, чтобы иметь одинаковое освещение и задний фон.

Для дополнительных фотографий используются:

– Все ракурсы (сбоку, сзади, сверху).

– Крупные планы на важные детали: материал (текстура ткани, строчки), фурнитура, этикетка.

– Фото в использовании (lifestyle), например, куртка на девушке, которая идет по улице, кастрюля не пустая, а с едой, люстра в интерьере квартиры.

– Фото с размерами (рядом с линейкой, телефоном, в руке).

– Фото упаковки и комплектации (что входит в набор).

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

Шаг четыре. Видеообзор (если есть возможность). Краткое видео (15-30 сек.) увеличивает конверсию. Можно показать товар в движении, его гибкость, как он открывается/собирается.

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

Шаг пятый. Анализ конкурентов.

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

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

Шаг шестой. Создайте прототип дизайна карточки или наброски, предоставьте их заказчику, получите обратную связь, отредактируйте, утвердите.

Шаг седьмой. Проведите фотосессию, сфотографируйте товар в выгодном ракурсе. Обработайте фото (удалите фон, сделайте тоновую и цветовую коррекцию или ретушь)

Шаг восьмой. Разработайте все необходимые элементы карточки и представьте клиенту готовый дизайн.

Чек лист для дизайнера (проверьте свои действия):

1. Изучите конкурентов: посмотрите ТОП-10 карточек в вашей категории. Что у них хорошо, что плохо?

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

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

Инструменты и сервисы, которые помогут дизайнеру:

Фото/Видео: смартфон с хорошей камерой, световые короба (софтбоксы), фоторедакторы (Canva, Фотошоп).

Аналитика: собственные сервисы маркетплейсов (например, «Кабинет продавца» со статистикой), сервисы «mpstats.io», «sellium.pro/ab-testy-dlya-ozon/», «sellego.com».

Искусственный интеллект, который генерирует фоны, мокапы, предметы, людей: midjourney, Шедеврум, Гигачат. Подробнее читайте в гл. 5.

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

Глава 2. Требования маркетплейсов как Техническое Задание

Сводная таблица технических параметров

Конец ознакомительного фрагмента.

Текст предоставлен ООО «Литрес».

Прочитайте эту книгу целиком, купив полную легальную версию на Литрес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.