В поиске маркетплейса покупатель сначала видит небольшую картинку. Ещё до чтения описания ему нужно понять, что продаётся и подходит ли ему этот товар. Если фотография теряется за декором, а преимущества набраны мелким шрифтом, даже аккуратный макет становится трудно читать.
Разберём шесть приёмов, которые помогают сделать карточку понятнее. Примеры — на условной термокружке: схема показывает композицию, а в своей карточке используйте качественные фотографии реального товара. Дизайн помогает объяснить предложение, но на покупку также влияют цена, отзывы, условия доставки и сам продукт.
1. Сделайте товар главным героем
Сначала расположите фотографию товара, затем добавляйте текст и оформление. Товар должен быть заметнее декоративных фигур, плашек и реквизита. Для термокружки это означает, что её форму, крышку и цвет можно рассмотреть без увеличения картинки.
На неудачном примере маленькая кружка окружена крупными элементами. Они занимают много места, но почти ничего не объясняют. На удачном — предмет становится крупнее, а фон помогает отделить его силуэт.
Что сделать в макете: увеличьте товар, оставьте отступы по краям и уберите детали, которые отвлекают. Масштабируйте фотографию пропорционально: растянутая кружка или укороченная сумка создаёт неверное представление о форме. Реквизит оставляйте тогда, когда он показывает размер или сценарий использования и не выглядит частью комплекта.
2. Оставьте на обложке одно главное преимущество
Главное фото не обязано пересказывать всё описание. Выберите одну причину, по которой покупателю стоит открыть карточку, и сформулируйте её коротко. Хорошая отправная точка — фраза из трёх–пяти слов, которую можно прочитать в маленьком превью.
Например, характеристику «герметичная крышка» можно связать с понятным сценарием: «Не проливается в сумке». Это не просто смена формулировки: свойство объясняет устройство товара, а преимущество — пользу для человека. Используйте такое обещание только тогда, когда оно действительно подтверждается характеристиками изделия и условиями его использования.
Остальные свойства распределите по следующим изображениям. Объём — на слайд с характеристиками, размеры — на схему, комплектацию — на отдельное фото. Если правила категории не разрешают текст на главном изображении, оставьте там фотографию, а преимущество перенесите на следующий кадр.
3. Проверьте карточку в размере превью
На большом холсте легко не заметить слишком мелкую подпись. Но в каталоге та же картинка окажется рядом с десятками других, часто в сетке на экране телефона. Проверять нужно именно этот масштаб.
Уменьшите макет до приблизительного размера карточки в мобильной выдаче. Посмотрите на него без увеличения: узнаётся ли товар, читается ли основная фраза, понятно ли, какой элемент здесь главный? Если приходится всматриваться, сначала сократите текст и увеличьте важные детали.
Контраст тоже проверяйте на маленьком изображении. Тонкие буквы на пёстром фоне могут исчезнуть после уменьшения. Перенесите подпись на более спокойный участок или добавьте простую подложку. Оставьте свободное место у краёв, а после загрузки проверьте, не перекрывают ли текст элементы интерфейса площадки.
4. Замените длинные абзацы короткими подписями с иконками
На дополнительных фотографиях удобно собрать несколько характеристик в понятные блоки. Вместо абзаца об объёме, крышке, уходе и поездках сделайте три–четыре короткие подписи с простыми иконками. Это рабочий ориентир, а не обязательное число для каждого товара.
Герметичная крышка — особенность конструкции.
350 мл — конкретный объём.
Можно мыть в посудомойке — если такой уход разрешён производителем.
Подходит для подстаканника — с указанием размеров, чтобы покупатель мог проверить совместимость.
Иконка дополняет подпись, а не заменяет её. Абстрактный символ без текста можно понять по-разному. Выберите значки одинаковой толщины и размера, выровняйте блоки и оставьте между ними достаточно места. Подробности, ограничения и инструкцию по уходу перенесите в описание товара.
5. Соберите фотографии в одну серию
Когда на каждом слайде меняются фон, шрифт и расположение заголовка, галерея выглядит случайной. Общий стиль помогает читать её как последовательный рассказ о товаре.
Задайте несколько повторяющихся элементов: фон, шрифт заголовков, акцентный цвет, отступы и оформление подписей. При этом композиция может меняться: для схемы размеров, фотографии в использовании и комплектации нужны разные решения. Единство серии не означает одинаковые картинки.
Начать можно с такой последовательности:
Обложка: товар и главное преимущество, если текст разрешён.
Характеристики: объём, материал и конструкция.
Размеры: высота, ширина и другие важные измерения.
В использовании: товар в понятной покупателю ситуации.
Комплект: всё, что человек получит в заказе.
Сначала оформите один кадр, затем дублируйте его как основу. Меняйте содержание и расположение элементов под задачу, сохраняя общие настройки. Так проще поддерживать единый стиль и обновлять серию, когда меняются характеристики.
6. Начинайте с нужного формата
Размер холста лучше выбрать до размещения фотографий и текста. Если сначала собрать квадрат, а потом превратить его в вертикальную карточку, придётся заново распределять свободное место, переносить подписи и проверять кадрирование.
В «Макетике» есть готовые размеры 1200×1600 пикселей, 3:4, и 1200×1200 пикселей, 1:1. Это размеры макетов в редакторе, а не универсальные требования всех маркетплейсов.
Для новой карточки Ozon начните с проверки вертикального формата 3:4: площадка отдельно описывала переход от квадратных фотографий к вертикальным. Квадрат используйте там, где он подходит конкретному размещению. Перед экспортом уточните актуальные условия своей категории в базе знаний Ozon: пропорции, ограничения файла и допустимое оформление главного фото.
После загрузки откройте карточку на телефоне. Верный размер холста облегчает подготовку, но финальная проверка всё равно нужна: важные детали должны оставаться видимыми в каталоге и внутри галереи.
Чек-лист перед загрузкой
Товар хорошо виден и не теряется среди декора.
На обложке есть один понятный акцент; оформление соответствует правилам категории.
Основная фраза читается в маленьком превью.
Характеристики разбиты на короткие подписи, а иконки помогают их понять.
Фотографии объединены шрифтами, цветами и отступами.
Размер холста выбран под размещение, а готовый файл проверен после загрузки.
Отдельно сверьте текст с реальным товаром: объём, материалы, размеры, комплектацию и условия ухода. Красиво оформленное обещание должно быть таким же точным, как обычное описание.
Как собрать такую карточку в «Макетике»
Откройте редактор «Макетика» и выберите нужный размер в группе «Маркетплейсы». Добавьте фотографию товара, настройте фон и разместите короткий заголовок. Начните с одной карточки, чтобы подобрать масштаб товара, шрифт и отступы.
Когда основа готова, сделайте следующие изображения серии: характеристики, размеры, использование и комплект. Перед скачиванием ещё раз проверьте читаемость в уменьшенном масштабе. Если хочется начать с готового оформления, посмотрите библиотеку шаблонов и адаптируйте подходящий макет под свой товар.
Хорошая карточка отвечает на вопросы покупателя в понятном порядке: что это, чем полезно, какого размера и что входит в заказ. Начните с этих ответов — тогда у каждого текста, значка и фотографии будет своя задача.