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

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

Слева — обычное фото, справа — карточка, выполненная дизайнером.
И если у вас сделан дизайн карточки, где заложены правильные смыслы, и все это хорошо подано в соответствии с тональностью бренда, тогда карточка может творить чудеса и увеличивать продажи товаров.
Какие элементы дизайна влияют на конверсию карточки товара
В дизайне важна каждая мелочь. Первое фото – баннер и возможность привлечь внимание.
По правде говоря, у нас есть всего пара секунд, чтобы заинтересовать человека в ленте товаров. Что должно быть на главном фото? Лучше всего, если товар занимает большую часть кадра, около 80-90%.
Технические моменты
Хорошее фото для карточки товара – это база. Нужна профессиональная съёмка: чёткость, свет и никаких размытых кадров и хороший ракурс! У каждого маркетплейса свои требования к фото, обычно это JPG или PNG. Размер фото тоже важен – примерно 900×1200 пикселей, но лучше смотреть требования каждой площадки.
Сторителлинг
С помощью дополнительных фотографий показываем всё важное. Делаем презентацию-сторителлинг: каждое фото – отдельный слайд. Не нужно пытаться вместить всё в первый баннер.

А такую карточку я делал для сравнения и демонстрации преимуществ товара.
Внимание к деталям
Каждое изображение товара на карточке должно продавать! Покажите детали: качество швов, материал в макросъемке, застёжки, пуговицы.
Часть реальной жизни
И обязательно добавьте фотографии товара в интерьере, как это делает IKEA, или просто фото продукции в реальной жизни. Так покупателю будет легче представить товар в жизни.
Инфографика для карточки товара: когда лень читать описание
Как покупатели, мы редко читаем большие тексты. К тому же, часто описания делают для SEO-роботов, а не для нас. Инфографика в карточке товара — это выход. Можно быстро понять главное по картинкам и коротким надписям. Хорошая инфографика для маркетплейсов доносит максимум информации, используя минимум средств.

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

Источник — https://datalaboratory.ru
На картинке выше настоящая инфографика — это визуализация данных. Тут длина и сорт бревна не случайный, а привязан к цифрам.
А то, что на карточках товаров, типа иконок с весом и размерами, – это просто значки для понятности. Они не визуализируют данные, а просто показывают характеристики товара. Хотя термин устоялся и все это называют инфографикой — тут уж ничего не поделаешь.
Примеры роста кликов, конверсий, заказов и прибыли:
Как создается инфографика для карточки товара
Чтобы создать хорошую инфографику для карточек товара, надо начинать не с картиночек и цветов, а со смысла. Действуйте, как профессиональный дизайнер, и начинайте с исследования.
Опираемся на ЦА
Представьте себя на месте покупателя (а еще лучше, если можете опросить ЦА). Что вам как покупателю было бы важно. Например, если при покупке сумки возникает вопрос, войдет ли туда ноутбук — значит, важны размеры, не протрется ли ткань — информация о материалах, не сломается ли замок — информация о застежках и так далее. Проявите эмпатию и представьте, что будет важно покупателю.
Лайфхак: зайдите на другие маркетплейсы или к другим селлерам с похожим (не обязательно таким) товаром и почитайте вопросы, которые задают покупатели.

Обычно люди спрашивают именно то, что для них важно и вы оттуда можете набрать увесистый список. И самые частые возражения/вопросы закрыть инфографикой. А чтобы переработать отобранный материал — используйте текстовые нейросети.
Так же кроме пассивного закрытия возражений вы можете активно продавать через инфографику. Распишите преимущества и особенности, которые выгодно отличают ваш товар.
Видео повышает продажи
Если хотите увеличения продаж — загружайте в карточку видео. Маркетплейсы продвигают карточки с видео. Не нужно сильно заморачиваться, достаточно ролика на 15-30 секунд, демонстрирующего товар со всех сторон и показывающего его в действии. Если товар сложный, добавьте еще ролики с функциями. Видео делает товар более живым и привлекательным.
Фон и цвет создают настроение
Подбирайте фоны в тему к товару! К примеру, если вы продаете товары для сада, то обычно на фоне используются листочки, трава и плоды. Если товар, который вы хотите преподнести как технологичный, то и фон должен быть футуристичным.
Важная рекомендация: сделайте так, чтобы фон выделял товар. Если товар светлый, пусть фон будет насыщенным, если товар темный, фон, наоборот, должен быть посветлее.
Также полезно на фон добавлять сюжет, объясняющий пользу товара. Если рекламируете зубную пасту, добавьте девушку с красивой улыбкой, если бензопилу, то пусть будут горы дров. Это работает на бессознательном уровне пользователей, сразу показывая результат действия товара.

Важно, чтобы все элементы работали вместе. Вы строите ОБРАЗ. Нет смысла пытаться собрать из идеальных (в вакууме) элементов идеальную карточку. Поэтому планируйте визуальное оформление карточки как единое целое, чтобы сформировать нужное впечатление и подтолкнуть к покупке.
Программы и нейросети для создания карточек товара
А теперь перейдем к обзову программ и AI-инструментов, которые помогут вам создать классный дизайн карточек товаров для маркетплейсов.
Canva: редактор для новичков и любителей
Как профессиональный дизайнер я не пользуюсь Канвой, но для малого бизнеса — это выход. В Canva есть готовые шаблоны, с помощью которых вы можете закрыть разные задачи при подготовке графики для маркетплейсов.
Канву выбирают за понятный интерфейс — перетаскиваешь элементы, меняешь цвета, добавляешь текст. Всё интуитивно. Большая библиотека шрифтов и иконок — не нужно искать по сети. Можно сохранить свои цвета и шрифты — создаёшь фирменный стиль и используешь во всех карточках.

Если вы хотите развиваться в дизайне карточек, рекомендую переходить на Фигму.
Figma: «выбор профессионалов», или когда перерос Канву
Когда у тебя уже не 10 товаров, а сотни, понимаешь важность системного подхода. Figma — это про систему. Да, освоить её чуть сложнее, чем Canva, но возможности гораздо шире.
Что даёт Figma для серьёзной работы:
-
Точность до пикселя: все элементы выверены, расстояния одинаковы.
-
Компоненты: создал блок с ценой, используешь во всех карточках. Изменил в одном месте — обновилось везде.
-
Совместная работа: можно работать с дизайнером в одном файле и вносить правки.
Я делаю дизайн только в Figma, иногда в связке с Фотошопом и Иллюстратором. Канва в сравнении с Фигмой — это урезанная вещь. Фигма забирает мое сердечко за компоненты, автолейауты и стили. В ней легко подготовить сотни карточек товаров за короткий срок. А еще там куча плагинов, которые вообще отдельная магия.

Если вы решились самостоятельно делать графику для маркетплейсов я вам сочувствую вам потребуются инструменты. Сейчас всё гораздо проще и доступнее с развитием нейронок. Раньше дизайнеры сидели часами, вырезая фоны, сейчас же это делается меньше чем за секунду.
Что я обычно делаю в ИИ:
-
Удаляю фон в один клик
-
Генерирую разные варианты фона — от цветочков до абстракций
-
Улучшаю качество фото — иногда поставщики присылают ужасные кадры
Нейросеть помогают повысить качество, но важная оговорка — лучше (иногда и дешевле) нанять студента с айфоном, который просто отснимет весь товар, чем мучиться с плохими исходниками.
В общем, помните, инструменты — всего лишь инструменты. Можно иметь дорогой фотоаппарат и делать плохие кадры. А можно сделать хорошие фото на телефон, если понимать, что и как делаешь. Советую начать с простого: нейросети для обработки фото, Canva для инфографики. Но если вы всерьез и вдолгую — рекомендую не тратить время на Канву, а разобраться сразу с Фигмой — она не сложная.
Дизайн карточки товаров для маркетплейсов: это выгодно?
В итоге, вложения в дизайн окупаются. Деньги, вложенные в хорошие фото и визуал, работают на вас постоянно, принося больше продаж.

Важна не столько красота, сколько чтобы это было понятно и как минимум нейтрально, а если привлекательно — так вообще песня!
Что дает профессиональный дизайн карточек товаров:
-
Больше покупок товара
-
Можно выше поднять цену (та самая дополнительная ценность)
-
Люди больше доверяют товару с привлекательным дизайном
-
Рейтинг растёт, так как меньше возвратов, потому что вы на берегу всё объясняете
Помните, что между обычной и продающей карточкой большая разница. Если ваша карточка не выделяется, то вы теряете клиентов. Если карточка не отвечает на возражения — вы теряете клиентов. Сделайте качественный визуал, и покупатели поддержат это рублем.
А если вам нужен эстетичный и продающий дизайн для ваших карточек товаров на маркетплейсе, и вы пока не готовы разбираться со всеми нюансами самостоятельно, обращайтесь к нам. Обязательно поможем!
Веб-дизайнер сервиса 1PS.RU
© 1PS.RU, при полном или частичном копировании материала ссылка на первоисточник обязательна