На маркетплейсах покупатели выбирают глазами. У вас есть всего 2-3 секунды, чтобы зацепить внимание человека, листающего бесконечную ленту выдачи. Если главная фотография не цепляет, до описания и отзывов дело просто не дойдет.

Как сделать так, чтобы ваша карточка выделялась, собирала клики (CTR) и приносила продажи? Давайте разберем базовые правила дизайна, правильные размеры холста и лайфхаки по ускорению работы.

📐 Размеры имеют значение: Настраиваем холст

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

В конструкторе AppMall вы можете задать любые параметры, но мы рекомендуем придерживаться этих стандартов:

• Wildberries: Идеальный размер — 900 × 1200 пикселей (пропорции 3:4). Это классический вертикальный формат.
• Ozon: Стандарт площадки — квадрат 1200 × 1200 пикселей (1:1). Примечание: в некоторых категориях (например, одежда) Ozon тоже переходит на вертикальный формат 3:4, поэтому всегда сверяйтесь с правилами вашей категории.

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

💡 4 золотых правила дизайна карточки

Красиво — не значит продающе. Инфографика должна помогать покупателю принять решение, а не перегружать его мозг.

1. Правило 3-х секунд и мобильный формат: Более 80% покупок совершается со смартфонов. Ваш заголовок («УТП») должен быть крупным, контрастным и легко читаться даже на маленьком экране. Если текст приходится разглядывать с лупой — его не прочтут.
2. Товар — главный герой: Товар должен занимать не менее 60-70% пространства на главном фото. Не прячьте его за горой плашек и текста. Покупатель должен четко видеть, что он покупает.
3. Осторожно, «слепые зоны»: Помните, что маркетплейсы накладывают поверх вашей карточки свои ярлыки: стикеры скидок (обычно в левом нижнем или верхнем углу), значки быстрой доставки, акции и корзину. Оставляйте по краям пустые «воздушные» зоны, чтобы интерфейс площадки не перекрыл ваши главные преимущества.
4. Контраст и воздух: Используйте контрастные цвета для текста и фона. Если фон пестрый (например, интерьер), подкладывайте под текст полупрозрачные плашки или используйте тень (в AppMall она настраивается в пару кликов), чтобы надписи не сливались с фоном.

🔄 Зачем нужны шаблоны?

Если у вас 5-10 товаров, можно делать каждую карточку с нуля. Но если у вас магазин на 100+ артикулов, рутина съест всё ваше время. Здесь на помощь приходят шаблоны проектов (файлы JSON в нашем редакторе).

• Единый стиль: Шаблоны помогают оформить весь магазин в узнаваемом фирменном стиле. Одинаковые шрифты, цвета плашек и стиль иконок повышают доверие к бренду.
• Скорость х10: Сохранив удачный проект как шаблон, для нового товара вам останется только заменить фоновое фото и переписать пару слов. На создание новой карточки уйдут минуты.
• A/B тестирование: С шаблонами легко создавать копии карточек, меняя только цвет фона или главный заголовок, чтобы протестировать, какая версия приносит больше кликов.

С конструктором AppMall выстроить профессиональный визуал проще простого. Задавайте правильный размер холста, настраивайте тени, используйте крутые шрифты и сохраняйте свои лучшие проекты в шаблоны!

Подготовить для этой статьи короткий пост-анонс для Telegram-канала, как мы делали в прошлый раз?