Как делать карточки на вб в фигме

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

Почему именно Figma для создания карточек на Wildberries

Figma — это не просто инструмент для дизайна, а платформа для командной работы, тестирования и масштабирования. В отличие от Photoshop или Canva, Figma позволяет создавать адаптивные макеты, которые легко масштабируются под разные форматы: основное изображение, слайды в карусели, баннеры для рекламы. Для продавцов на Wildberries это особенно ценно: платформа требует не одного, а нескольких изображений — от главного до детализированных. В Figma вы можете создать один файл с несколькими страницами (frames), каждая из которых — отдельная карточка, и быстро вносить изменения везде одновременно.

Кроме того, Figma поддерживает библиотеки компонентов. Вы можете создать шаблон с фиксированными стилями шрифтов, цветами, отступами и использовать его для сотен товаров. Это экономит до 60% времени на редактирование. Представьте: вы обновили шрифт для всех карточек в одном месте — и изменения применились автоматически ко всем 200 товарам. Такой подход невозможно реализовать в растровых редакторах без ручной работы.

Пошаговое руководство: как создать карточку в Figma

Создание карточки в Figma — это системный процесс. Не начинайте с рисования, начните с планирования.

1. Создайте новый файл и выберите «Frame» (кадр). Установите размер 1200×1200 пикселей — это стандарт для главного изображения на Wildberries. Для дополнительных изображений используйте те же пропорции, чтобы сохранить единообразие.
2. Скачайте официальный шаблон от Wildberries (если доступен) или воспользуйтесь проверенным шаблоном от сообщества продавцов. Он должен включать зону безопасности (100 пикселей с краев), где нельзя размещать важный текст и логотипы.
3. Добавьте фон. Используйте белый или светлый однотонный фон — это требование Wildberries для основного изображения. Никаких текстур, градиентов или сложных фонов.
4. Разместите товар. Используйте функцию «Auto Layout» для точного центрирования. Товар должен занимать 75–85% площади кадра. Не допускайте обрезания деталей по краям.
5. Добавьте текстовые блоки. Используйте шрифты с хорошей читаемостью: Roboto, Open Sans, Montserrat. Размер заголовка — не менее 48 pt. Размещайте ключевые преимущества в порядке приоритета: сначала выгоды, потом характеристики.
6. Добавьте иконки и визуальные акценты. Используйте простые, стилизованные иконки (например, из Iconscout или Font Awesome). Они должны быть в едином стиле — линейные или заполненные, но не смешанные.
7. Проверьте контраст. Используйте встроенную функцию Figma «Contrast Checker» (в plugin-меню). Текст должен иметь контрастность не менее 4.5:1 с фоном.
8. Экспортируйте. Выберите формат PNG, качество 100%, без сжатия. Имя файла — без пробелов и специальных символов: product_name_main_01.png.

Требования Wildberries к изображениям: что нельзя игнорировать

Wildberries строго контролирует визуальное оформление. Нарушение требований — прямой путь к отказу в публикации или снижению видимости товара. Вот что обязательно проверять перед загрузкой:

• Фон — только белый (#FFFFFF) или очень светлый серый. Допускается цветной фон только для дополнительных изображений (не для главного).
• Текст — не более 15% площади изображения. Запрещены рекламные надписи вроде «Лучшая цена!», «Скидка 50%!», «Только сегодня!» — они считаются спамом.
• Логотипы — разрешены только в нижнем углу, не более 10% от высоты изображения. Не должны перекрывать товар.
• Водяные знаки — строго запрещены. Даже если вы сами создали изображение.
• Размер — 1200×1200 пикселей. Меньше — изображение будет растянуто, больше — платформа уменьшит его, теряя качество.
• Детализация — товар должен быть четким, без размытия, бликов и теней, если они не являются естественной частью продукта (например, стекло или металл).

Также важно: каждая карточка должна отображать товар в разных ракурсах — фронт, бок, детали, упаковка, использование. Не менее 6–8 изображений. Это повышает доверие и снижает количество возвратов.

Принципы дизайна: как сделать карточку, которая продает

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

Первое правило — закон Фитта: чем больше и ближе к центру элемент, тем быстрее его заметят. Главный товар — в центре. Ключевые преимущества — в верхней трети. Покупатель смотрит на карточку в течение 1,5–2 секунд. За это время он должен понять: что это, зачем нужно, почему выгодно.

Второе правило — визуальный иерархия. Используйте размер, цвет и положение, чтобы направить взгляд. Например:
— Заголовок — крупный, жирный, темный.
— Преимущества — с иконками, в два столбца.
— Ценник — выделен ярким цветом (красный, оранжевый).
— Призыв к действию — «Самый популярный», «Выбирают 10 000 покупателей в месяц».

Третье правило — отсутствие перегруза. Не добавляйте 10 преимуществ. Выберите 3–4 самых сильных. Лучше «водонепроницаемый, легкий, 10-летняя гарантия» — чем «водонепроницаемый, легкий, стильный, недорогой, быстрая доставка, много цветов, подходит для дома и дачи, экологичный». Перегруженный текст вызывает когнитивную перегрузку — и покупатель уходит.

Частые ошибки и как их избежать

Даже опытные продавцы допускают одни и те же ошибки. Вот самые разрушительные:

• Текст на фоне — если фон светлый, а текст тоже светлый, его не видно на мобильном. Всегда проверяйте контраст.
• Слишком маленький товар — покупатель не видит детали. Товар должен занимать не менее 70% площади.
• Использование логотипов конкурентов — даже случайное появление логотипа другого бренда — повод для блокировки.
• Несоответствие изображения и описания — если на фото — черная куртка, а в описании — синяя, это вызовет жалобы и возвраты.
• Использование GIF или анимации — Wildberries принимает только статичные PNG/JPG. Анимированные изображения отклоняются.
• Неправильное имя файла — пробелы, кириллица, спецсимволы. Используйте только латиницу, цифры и нижние подчеркивания.

Чтобы избежать ошибок, создайте чек-лист в Figma как отдельную страницу: «Проверка перед экспортом». Включите туда 7 пунктов: фон, размер, текст, контраст, логотип, название файла, соответствие описанию. Каждый раз, перед загрузкой, проходите по списку — это сократит отказы до минимума.

Экспертное мнение: как дизайнеры повышают конверсию

Андрей Морозов — ведущий дизайнер в агентстве, которое обслуживает более 200 брендов на Wildberries. Его подход — не просто «сделать красиво», а «сделать эффективно».

«Мы не начинаем с дизайна. Мы начинаем с анализа конкурентов. Смотрим: какие товары в этой нише имеют высокую конверсию? Что у них общего? Как они подают выгоду? Часто это не цена, а эмоция: „не надо думать“, „всё включено“, „как в салоне“».

Он использует Figma для создания «эмоциональных карт»: где покупатель смотрит в первую очередь, где уходит внимание, где возникает сомнение. На основе этого он перестраивает композицию.

«Однажды мы перенесли цену снизу вверх — и конверсия выросла на 34%. Почему? Потому что покупатель сразу видит выгоду, а не сначала думает „а сколько стоит?“. Дизайн — это не украшение, это архитектура решения».

Его совет: всегда тестируйте карточки на реальных людях. Возьмите 5–10 человек из вашей ЦА, покажите им карточку на 3 секунды — и спросите: «Что ты тут видишь? Что хочешь купить?» Если ответы не совпадают с вашей целью — перерабатывайте.

Вопросы и ответы

Заключение

Создание карточки на Wildberries в Figma — это не модный тренд, а необходимость для тех, кто хочет работать стабильно и масштабно. Это подход, который превращает дизайн из затраты в инвестицию. Когда вы знаете, как правильно структурировать изображение, соблюдать требования и тестировать гипотезы — вы перестаёте зависеть от удачных попаданий и начинаете создавать продукты, которые продают сами по себе.

Дизайн карточки — это первый контакт с покупателем. Он решает, стоит ли тратить 3 секунды на чтение описания или сразу закрывать вкладку. Правильно сделанная карточка — это не просто фото, это убедительный маркетинговый инструмент, который работает 24/7.

• Всегда используйте белый фон и размер 1200×1200 пикселей для главного изображения.
• Создавайте карточки в Figma — это экономит время, обеспечивает единообразие и позволяет тестировать макеты.
• Не перегружайте текстом: 3–4 ключевых преимущества — лучше, чем 10.
• Проверяйте контраст, размер товара и соответствие требованиям Wildberries перед каждой загрузкой.
• Тестируйте карточки на реальных пользователях — это самый надежный способ повысить конверсию.