Дизайн карточек для Wildberries и Ozon: инфографика, структура и размеры

Обновлено: август 2026

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

Инфографика помогает вынести из описания то, что покупателю важно увидеть без дополнительного поиска: размер, материал, комплектацию, способ применения, ограничения и совместимость. Но чем выше конкуренция, тем слабее работает принцип «добавим побольше текста и ярких плашек». В 2026 году выигрывают карточки, которые проще считываются с телефона и быстрее формируют корректное ожидание от покупки.

Что такое карточка товара и где в ней работает дизайн

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

• Обложка отвечает на вопрос «что это и подходит ли мне в принципе?» — от неё в первую очередь зависит переход из выдачи в карточку.
• Галерея показывает товар с разных ракурсов и в масштабе.
• Инфографика превращает характеристики в быстро считываемые аргументы.
• Lifestyle-кадры демонстрируют продукт в реальном сценарии.
• Видео снимает сомнения там, где важны движение, фактура, звук, посадка или механика работы.

Что такое инфографика для маркетплейсов

Инфографика для маркетплейсов — это изображение товара, дополненное текстом, иконками, схемами, цифрами или визуальными подсказками. Её цель — не «украсить карточку», а передать информацию быстрее, чем это сделал бы абзац описания.

✅ Хороший пример: вместо фразы «удобная термокружка высокого качества» показать объём 450 мл, сохранение температуры до конкретного времени — если это подтверждено характеристиками производителя, герметичную крышку и габариты, которые помещаются в автомобильный подстаканник. Покупатель получает факты и сам делает вывод о пользе.

Какие задачи решает инфографика

• помогает быстрее понять назначение товара;
• показывает измеримые преимущества и характеристики;
• объясняет комплектацию и совместимость;
• снижает неопределённость перед покупкой;
• помогает выбрать размер, модель или вариант;
• выстраивает единый визуальный стиль линейки товаров;
• поддерживает бренд, если оформление узнаваемо и последовательно.

У инфографики есть и обратная сторона: недостоверное обещание, нечитаемый текст или визуальный шум могут снижать доверие. Поэтому дизайн начинается не с выбора цвета, а с отбора информации.

Размеры карточек Wildberries и Ozon в 2026 году

Размеры — один из самых частотных запросов вокруг дизайна карточек. При этом важно разделять официальные минимальные требования площадки и рабочий размер макета дизайнера. Минимум отвечает на вопрос «загрузится ли файл», а рабочий фрейм — «будет ли удобно делать качественную инфографику и адаптировать её под разные экраны».

🔗 Источник Wildberries: официальная инструкция «Фото товаров: правила, рекомендации и частые ошибки»

🔗 Дополнительно по Ozon: материал о редакторе инфографики Ozon и формате 3:4

900 × 1200 или 1200 × 1600: какой размер выбрать для макета

Для дизайнера важнее не «магическая» цифра, а стабильное соотношение сторон и достаточный запас качества. Оба размера ниже имеют пропорцию 3:4 и подходят как мастер-фреймы: из них удобно собирать серию, проверять мобильное превью и делать адаптации.

Дизайн карточки для Wildberries: что учитывать

Wildberries допускает насыщенный визуальный язык, поэтому именно здесь исторически особенно много карточек с текстом, плашками и коллажами. Но техническая возможность добавить инфографику не означает, что нужно превращать обложку в рекламный баннер.

По официальной инструкции Wildberries, актуализированной 20 июля 2026 года, фотографии должны быть качественными, товар на главном кадре — полностью видимым и не искажённым, а фон — чистым, ровным и контрастным по отношению к продукту. Площадка принимает JPG, PNG и WEBP; минимальное разрешение составляет 700 × 900 px, файл — до 10 МБ, в карточку можно загрузить до 30 фотографий.

Что лучше делать на первом слайде WB

• показывать товар крупно и без визуальных искажений;
• оставлять достаточно воздуха вокруг объекта, но не превращать продукт в маленькую точку;
• выносить максимум один сильный тезис, если без него карточка проигрывает соседям;
• избегать декоративных элементов, которые выглядят важнее самого товара;
• проверять обложку в масштабе мобильной выдачи, а не только на большом мониторе.

Wildberries отдельно развивает A/B-тестирование главного фото. В рекомендациях к тесту площадка советует использовать изображения без маркетингового текста, коллажей и посторонних предметов. Это хороший ориентир даже для тех продавцов, которые не запускают тест: чем чище обложка, тем проще понять, что именно привлекает пользователя — товар, цена или графический «шум».

🔗 Официальный источник: A/B-тестирование главного фото на Wildberries

Дизайн карточки для Ozon: чем отличается подход

Для Ozon стоит проектировать более спокойную визуальную систему: чистый кадр, понятная иерархия, меньше декоративных плашек, больше акцента на продукте и фактах. В 2025–2026 годах вертикальный формат 3:4 стал базовым рабочим ориентиром для большинства категорий, а в кабинете продавца появился собственный редактор инфографики, который также ориентирован на 3:4.

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

Структура карточки: какие слайды делать и в каком порядке

Универсальной последовательности для всех товаров нет: блендер, платье, мебель и сыворотка закрывают разные возражения. Но галерею удобно собирать как короткую визуальную воронку — от самого простого вопроса к более детальному.

Примеры дизайна карточек для Wildberries и Ozon в разных нишах

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

Какая инфографика нужна для разных задач

Характеристики

Работают там, где выбор основан на цифрах: размеры, вес, мощность, объём, время работы, плотность ткани, материал, температурный режим. Выбирайте 3–5 параметров, которые действительно сравнивают покупатели, а не переносите на слайд всю таблицу характеристик.

Преимущества и выгоды

Формулируйте выгоду через факт. «Удобная» — абстракция, «весит 180 г» — характеристика, из которой покупатель сам делает вывод. «Надёжная» звучит рекламно, «алюминиевый корпус» или «гарантия 2 года» воспринимается конкретнее, если эти сведения подтверждаются.

Комплектация

Покажите всё, что человек получит после распаковки. Для наборов, техники, инструментов, детских товаров и аксессуаров такой слайд часто снимает вопрос «а это входит в комплект?».

Размеры и масштаб

Схема с габаритами полезнее декоративной картинки. Для мебели и техники добавляйте реальные размеры, для одежды — понятную размерную таблицу и инструкцию по замеру, если посадка нестандартная. Хороший приём — показать предмет рядом с привычным объектом, но только если масштаб передан честно.

Сценарии использования

Lifestyle-слайд отвечает на вопрос «как это будет выглядеть в моей жизни?». Для сумки — на человеке и в поездке, для лампы — на рабочем столе, для посуды — в сервировке. Здесь эмоция и функция могут работать вместе.

Сравнение

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

Как сделать дизайн карточки читаемым: 7 принципов

1. Начинайте с иерархии. Сначала должен считываться товар, затем главный тезис, потом пояснения. Если все элементы одинаково яркие и крупные, иерархии нет.

2. Один слайд — один главный смысл. Второстепенные сведения можно оставить мелкими, но они не должны конкурировать с заголовком.

3. Используйте сетку. Привязка текста, иконок и фотографий к направляющим делает даже простой макет профессиональнее.

4. Сохраняйте контраст. Светлый текст на светлом фоне или тонкая гарнитура поверх сложной фотографии плохо читаются на мобильном.

5. Ограничьте палитру. Один базовый цвет, нейтральный фон и 1–2 акцента обычно работают лучше «радуги» из плашек.

6. Используйте один принцип иконок. Не смешивайте контурные, объёмные, эмоджи и разноцветные пиктограммы в одном проекте.

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

Если хотите глубже разобраться в визуальной иерархии, цвете и работе с инструментами, полезны материалы Yudaev School: что такое Figma, основы Adobe Photoshop и психология цвета в дизайне.

Текст и типографика: сколько писать на карточке

Инфографика проигрывает, когда дизайнер пытается разместить на слайде мини-описание товара. На мобильном пользователь не читает абзац — он сканирует крупные слова, цифры и визуальные маркеры.

• Заголовок — одна короткая мысль, желательно в 2–6 слов.
• Подзаголовок — пояснение, которое можно убрать без потери основного смысла.
• Цифры и единицы измерения визуально отделяйте от пояснений.
• Не используйте больше двух шрифтовых семейств в одной карточке.
• Не делайте весь текст жирным: тогда жирность перестаёт быть акцентом.
• Проверяйте буквы на сложном фоне и в уменьшенном превью.

В статьях о типографике Yudaev School разбирается важный принцип: шрифт помогает строить иерархию, а не просто задаёт «характер». Для карточек это особенно заметно — размер, начертание, межстрочный интервал и контраст напрямую влияют на скорость считывания.

🔗 Подробнее: как работать со шрифтами и типографикой

Цвет: как выделиться и не превратить карточку в баннер

Цвет должен помогать навигации. Если бренд использует фирменный фиолетовый, необязательно заливать им весь фон: эффективнее оставить нейтральную основу и использовать фирменный оттенок для ключевой цифры, плашки или иконки. Тогда акцент действительно заметен. Не выбирайте палитру только по ассоциациям вроде «зелёный = экологично». Контекст категории, цвет самого товара, упаковки и соседних карточек часто важнее универсальных психологических трактовок. Сначала посмотрите выдачу, затем решите, где нужно поддержать визуальный код категории, а где — аккуратно отстроиться.

Какой фон выбрать для карточки товара

⚠️ Фон работает на товар, а не наоборот. Он должен отделять продукт от окружения, поддерживать позиционирование и не мешать прочитать ключевой тезис. Wildberries в актуальных рекомендациях просит использовать нейтральный, чистый, ровный фон, контрастный товару; имиджевые фотографии допустимы, если окружение не забирает всё внимание.

Белый и светлый фон

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

Цветной фон

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

Lifestyle-фон

Нужен, когда покупателю важно увидеть масштаб и контекст: кресло в интерьере, сумку на человеке, лампу на столе. Lifestyle лучше использовать после понятного предметного кадра или так, чтобы товар оставался главным объектом.

AI-фон

Нейросеть можно использовать для окружения и черновых вариантов, но она не должна менять сам товар, комплектацию, цвет, фактуру или конструктивные детали. Любой AI-фон проверяйте на правдоподобие масштаба, теней и контакта объекта с поверхностью.

Что такое плашка на карточке товара

Плашка — это контрастная подложка под текст, цифру или иконку, которая отделяет смысловой блок от фона и помогает управлять вниманием. Например, на фото рюкзака плашка может выделять «20 л» или «ноутбук до 15,6″».

Плашки полезны, когда текст иначе теряется на фотографии. Но если каждый тезис помещён в собственный яркий прямоугольник, макет начинает выглядеть как рекламный буклет. Обычно достаточно одной доминирующей плашки и 1–2 второстепенных акцентов.

Безопасные зоны: куда не ставить важный текст

Интерфейс маркетплейса накладывает на изображения собственные элементы: иконки, метки, цену, рейтинг, кнопки и подписи. Они могут меняться между приложением и веб-версией, а также после обновлений платформы. Поэтому важные слова нельзя прижимать к краям изображения.

• оставляйте внешние поля вокруг текста и логотипа бренда;
• не ставьте ключевую цифру в самый угол;
• не размещайте мелкий текст в нижней части кадра, если он может конфликтовать с интерфейсом;
• после загрузки проверяйте карточку на iOS/Android и в браузере;
• храните исходник с направляющими safe area, чтобы быстро адаптировать серию.

Как анализировать конкурентов перед дизайном

Перед макетом полезно разобрать 15–20 карточек из выдачи по основному и соседним запросам. Цель — не найти дизайн для копирования, а понять визуальный код ниши, обязательные аргументы и информационные пробелы. Смотрите и на лидеров, и на средние карточки: иногда именно у них лучше видно, что пользователь уже считает «нормой».

• Обложка: какой ракурс и масштаб товара повторяются чаще всего?
• Фон: белый, цветной, интерьерный — и насколько он контрастирует с товаром?
• Текст: сколько слов остаётся читаемым в мобильном превью?
• Оффер: какое преимущество конкуренты ставят первым?
• Слайды: какие вопросы закрываются обязательно, а какие никто не объясняет?
• Отзывы и вопросы: какие сомнения повторяются у покупателей?
• Визуальная система: какие цвета, иконки и композиции стали клише?
• Пробел: какую важную информацию можно показать понятнее, чем у большинства конкурентов?

Как сделать карточку товара с нуля: пошаговый процесс

1. Изучите выдачу. Откройте 15–20 карточек по основному запросу и соседним формулировкам. Смотрите не только лидеров: ищите повторяющиеся решения, слабые места и визуальные клише.

2. Соберите вопросы покупателей. Отзывы, вопросы, возвраты и обращения в поддержку показывают, какой информации не хватает в карточке.

3. Составьте карту смыслов. Выпишите характеристики, выгоды, сценарии, возражения, комплектацию и ограничения. Затем расставьте приоритеты.

4. Соберите сценарий галереи. Распределите тезисы по слайдам, чтобы каждый кадр продолжал предыдущий, а не повторял его.

5. Подготовьте фотографии. Качественный исходник важнее сложной графики. Для товара нужны чистые ракурсы, детали и контекстные кадры.

6. Сделайте мастер-фрейм 3:4. Настройте сетку, безопасные поля, стили текста, цвета, иконки и компоненты.

7. Соберите серию. Сохраняйте единые правила, но меняйте композицию там, где это помогает смыслу.

8. Проверьте мобильный размер. Не оценивайте карточку только на 27-дюймовом мониторе.

9. Загрузите и измеряйте. Смотрите CTR обложки, переходы, добавления в корзину, конверсию и возвраты. Меняйте по одной крупной гипотезе, иначе будет непонятно, что сработало.

В каких программах делать карточки для Wildberries и Ozon

Для тех, кто выбирает инструмент: обзор лучших онлайн-редакторов для дизайна в 2026 году поможет сравнить варианты и понять, когда Figma или Photoshop действительно нужны, а когда достаточно более простого редактора.

Как собирать карточки в Figma

• создайте фрейм 900 × 1200 или 1200 × 1600 px;
• задайте внутренние поля и сетку;
• соберите компоненты для заголовков, характеристик, иконок и плашек;
• создайте отдельные страницы или секции для WB и Ozon;
• сохраняйте исходные фото отдельно от обработанных версий;
• экспортируйте готовые слайды в нужном формате и проверяйте качество.

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

Как сделать карточку Wildberries в Figma: 8 шагов

1. Создайте фрейм 900 × 1200 или 1200 × 1600 px в пропорции 3:4.

2. Добавьте внутренние направляющие и safe-зону, чтобы важный текст не прижимался к краям.

3. Поместите товар на отдельный слой и проверьте масштаб в уменьшенном превью.

4. Создайте текстовые стили для заголовка, цифр и пояснений — не меняйте размеры вручную на каждом слайде.

5. Соберите компонент плашки и набор иконок в одном стиле.

6. Создайте 6–8 фреймов галереи и распределите по ним смыслы по одному главному тезису на кадр.

7. Уменьшите масштаб до 20–25% и проверьте, остаются ли товар, цифры и заголовки читаемыми.

8. Экспортируйте слайды, проверьте вес и качество файла, затем посмотрите опубликованную карточку с телефона.

Подробнее об интерфейсе, сетках, компонентах и стилях: «Что такое Figma и зачем она нужна дизайнерам»

🚫 10 ошибок в дизайне карточек маркетплейсов

1. Товар слишком маленький. Покупатель видит фон и декор, но не понимает продукт.

2. Пять смыслов на одном слайде. Глаз не понимает, что читать первым.

3. Мелкий текст. На телефоне он превращается в серую полоску.

4. Абстрактные обещания. «Премиум», «лучший», «идеальный» не объясняют, чем товар полезнее.

5. Несогласованные стили. Разные шрифты, иконки и палитры делают галерею похожей на набор чужих баннеров.

6. Фото плохого качества. Инфографика не спасает размытый или неправильно освещённый исходник.

7. Копирование конкурента. Карточка растворяется в выдаче и создаёт риски по авторским правам.

8. Нет адаптации под площадку. Один и тот же визуал может выглядеть органично на WB и тяжело на Ozon.

9. Дизайн не проверяют на мобильном. То, что читается в Figma на 100%, может быть бесполезно в каталоге.

10. Редизайн без аналитики. Если менять обложку, цену, рекламу и описание одновременно, невозможно понять источник роста или падения.

Влияет ли дизайн карточки на SEO и выдачу маркетплейса

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

Поэтому корректнее говорить не «инфографика поднимет вас в топ», а «сильный визуал помогает улучшать метрики, от которых зависит экономика карточки». Если CTR низкий, сначала тестируют обложку и оффер. Если переходов достаточно, но заказов мало — анализируют галерею, цену, характеристики, отзывы и соответствие ожиданиям.

Как оценивать эффективность дизайна

Для теста обложки полезно менять одну крупную переменную: например, чистое предметное фото против lifestyle-кадра или крупный товар против композиции с одним тезисом. Сравнение сразу пяти вариантов, где отличается всё, даёт меньше обучающей информации.

Нейросети и карточки товаров в 2026 году

AI-инструменты ускорили производство визуала: можно удалить фон, дорисовать окружение, сделать несколько концепций композиции, подобрать вариации или подготовить черновой lifestyle-кадр. Но нейросеть не знает реальных характеристик товара и может изменить форму упаковки, количество деталей, надписи или фактуру.

Для дизайнера это меняет набор навыков: ценность смещается от ручного «двигания пикселей» к арт-дирекшну, композиции, работе с брифом, визуальной системе и проверке результата. Именно эти навыки позволяют использовать AI быстрее, не теряя качество.

Можно ли зарабатывать на дизайне карточек для маркетплейсов

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

Для старта можно собрать 3–5 учебных кейсов в разных категориях: косметика, техника, одежда, товары для дома, аксессуары. В портфолио полезно показывать не только финальные слайды, но и логику: анализ выдачи, карту смыслов, структуру галереи, сетку и адаптации для WB/Ozon. Такой кейс лучше демонстрирует профессиональное мышление, чем один эффектный макет.

Если цель — не просто делать карточки по шаблонам, а освоить графический дизайн системно, в программе «Графический дизайн: быстрый старт в профессии» Yudaev School есть композиция, типографика, сетки, цветоведение, Illustrator и Figma. Эти навыки напрямую применяются в коммерческих визуалах: от карточек маркетплейсов и баннеров до айдентики и рекламной графики.

Как составить ТЗ дизайнеру карточек

Хорошее ТЗ уменьшает количество правок и помогает дизайнеру отвечать не на вкусовое «сделайте ярче», а на конкретную задачу.

• площадка и категория товара;
• ссылка на карточку или SKU;
• целевая аудитория и ключевой сценарий покупки;
• 3–5 основных преимуществ с подтверждениями;
• полный список характеристик и комплектация;
• вопросы и возражения из отзывов;
• фото товара в максимальном качестве;
• брендбук, логотип, шрифты и палитра;
• 3–5 референсов с пояснением, что именно в них нравится;
• необходимое количество слайдов и адаптаций;
• технические требования площадки;
• срок и формат исходников.

Чек-лист перед публикацией карточки

• ☐ Товар на обложке виден сразу и не искажён.
• ☐ Макет соответствует требованиям площадки и категории.
• ☐ Важный текст не прижат к краям.
• ☐ На каждом слайде есть один главный смысл.
• ☐ Текст читается в мобильном превью.
• ☐ Все цифры и обещания подтверждаются характеристиками.
• ☐ Комплектация показана без двусмысленности.
• ☐ Размеры и единицы измерения указаны корректно.
• ☐ Фото и графика используются законно.
• ☐ Слайды выглядят как одна серия.
• ☐ Версия для Ozon адаптирована, а не просто скопирована с WB.
• ☐ Есть план, какие метрики смотреть после обновления.

FAQ: частые вопросы о карточках Wildberries и Ozon

Какой размер карточки Wildberries в 2026 году?

Официальный минимум Wildberries — 700 × 900 px. Для дизайна инфографики удобно использовать вертикальный мастер-макет 3:4, например 900 × 1200 или 1200 × 1600 px: так остаётся запас качества и проще адаптировать серию.

Какой размер карточки Ozon?

Для большинства категорий в 2026 году рабочим ориентиром стал вертикальный формат 3:4. Практический размер макета — 900 × 1200 или 1200 × 1600 px, но перед загрузкой нужно сверить требования конкретной категории в кабинете Ozon.

Что такое инфографика карточки товара?

Это фото или визуал товара с текстом, иконками, цифрами и схемами, которые быстро объясняют характеристики, выгоды, комплектацию, размеры или сценарии использования.

Сколько слайдов нужно для карточки?

Чаще всего достаточно 6–9 содержательных слайдов. Простому товару может хватить 4–5, сложному техническому продукту потребуется больше. Важнее не количество, а отсутствие повторов.

Можно ли делать карточки в Figma?

Да. Figma удобна для серий, компонентов, сеток и адаптаций. Для сложной ретуши и коллажей её часто дополняют Photoshop.

Что важнее: обложка или инфографика?

Обложка важнее для первого перехода из каталога. Инфографика начинает работать после клика: помогает понять товар и снять сомнения. Сильная галерея не компенсирует обложку, по которой никто не переходит.

Нужно ли делать одинаковые карточки для WB и Ozon?

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

Можно ли использовать нейросети для карточек?

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

Какой фон лучше для карточки Wildberries?

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

Сколько текста должно быть на инфографике?

Столько, сколько можно прочитать без увеличения на смартфоне. Практически это означает один короткий заголовок, одну ключевую цифру или тезис и при необходимости 1–2 коротких пояснения. Если нужен абзац, информацию лучше разделить на два слайда.

Какой шрифт использовать для карточки товара?

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

Что такое плашка на Wildberries?

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

Сколько цветов использовать в инфографике?

Жёсткого лимита нет. В большинстве карточек достаточно нейтральной основы, одного фирменного цвета и 1–2 акцентных оттенков. Важнее контраст и визуальная иерархия, чем формальное число цветов.

Какой размер фрейма сделать в Figma для Wildberries и Ozon?

Удобный универсальный мастер — 900 × 1200 или 1200 × 1600 px, то есть 3:4. Для сложной ретуши и деталей чаще комфортнее 1200 × 1600; перед загрузкой нужно сверить требования конкретной площадки и категории.

Нужно ли размещать логотип на карточке товара?

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

Можно ли сделать инфографику без дизайнера?

Да, если ассортимент небольшой и вы готовы освоить базовые принципы композиции, типографики и работу в Figma или другом редакторе. Для большого каталога, сложной ретуши и единой бренд-системы профессиональный дизайнер экономит время и снижает количество переделок.

Главное: хорошая карточка объясняет товар быстрее конкурентов

Дизайн карточек для Wildberries и Ozon — это не соревнование в количестве плашек. Сильная карточка показывает продукт крупно, выстраивает понятную иерархию, отвечает на реальные вопросы покупателя и сохраняет читабельность на мобильном экране. Технические размеры важны, но они лишь рамка: внутри неё работают композиция, типографика, цвет, фотография и логика.

Начните с простого: соберите мастер-фрейм 3:4, проанализируйте выдачу, выберите 6–8 главных смыслов, распределите их по галерее и проверьте каждый слайд в уменьшенном масштабе. После публикации опирайтесь на данные, а не на вкусовые оценки. Именно такой процесс превращает инфографику из «декора» в рабочий инструмент продаж.

А если хотите системно развить навыки, которые нужны для таких задач — композицию, типографику, сетки, цвет и работу в профессиональных редакторах, — изучите программу курса по графическому дизайну Yudaev School. Карточки маркетплейсов могут стать одним из первых прикладных проектов для портфолио.

Источники и полезные материалы

• Wildberries — требования к фото (обновлено 20.07.2026)
• Wildberries — A/B-тестирование главного фото
• Ozon / отраслевой материал о встроенном редакторе инфографики и формате 3:4