Коротко в статье

• Особенности Wilrberries при создании инфографики.
• Как шаг за шагом собрать рабочую фотоворонку: обложка, слайды с выгодами, сценарии.
• Как использовать нейросети и генерацию, чтобы ускорить работу, а не убить качество.
• Какие ошибки в дизайне и тексте чаще всего режут клики и конверсию.
• Когда карточки можно делать своими силами, а когда выгоднее подключить дизайнера.
  

Об эксперте

Никита Некрасов — практикующий дизайнер карточек товаров с опытом работы на маркетплейсах более трёх лет.

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

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

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

1. Особенности площадки, которые влияют на дизайн карточки

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

Если не учитывать это на этапе дизайна, можно разместить УТП или важный текст как раз под этими плашками и потерять смысл.

Что учитывать при оформлении:

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

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

2. Карточка товара = вся фотоворонка, а не только обложка

Частая ошибка новичков — думать, что всё решает первый кадр. На практике покупатели всё чаще:

1. видят обложку в выдаче;
2. листают второй и третий слайд прямо в превью;
3. только потом, если цепочка нравится, открывают карточку.
   

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

Простейшая логика фотоворонки:

• 1-й слайд — крупно показывает товар и даёт основную выгоду.
  
• 2-й — раскрывает главные преимущества (3–4, не больше).
  
• 3-й — показывает характеристики: размеры, состав, объём, комплектацию.
  
• 4-й и дальше — сценарии использования, атмосфера, доп. фишки, социальное доказательство.
  

Когда планируете карточки, сразу распишите, что будет на каждом слайде. Это защитит от попытки «запихнуть всё в обложку».

3. Как быстро изучить нишу и понять, что работает

Перед тем как рисовать что-либо, имеет смысл 15–20 минут потратить на разведку.

Пошагово:

1. Вбейте основной запрос по вашему товару.
   
2. Откройте карточки в топе по отзывам и продажам.
   
3. Обратите внимание на:
   
   • как выглядит обложка: спокойная или «кричащая»;
     
   • сколько слайдов и что на каждом;
     
   • как выстроен текст: что крупным шрифтом, что мелким;
     
   • какие плашки и подложки используют: прозрачные, плотные, со скруглением и т.д.
     
4. Ответьте себе на вопросы:
   
   • к чему уже привыкли покупатели в этой нише;
     
   • что у всех примерно одинаковое;
     
   • где можно выделиться — стилем, акцентами, тоном.
     

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

4. Этапы создания карточек на Wildberries

4.1. Разметка и сетка

Сначала — не картинки, а рамки.

Что сделать:

1. Проанализировать карточку топов
2. Определить УТП
3. Выбрать стиль, в котором будет выполнен дизайн (яркий или минималистичный)
4. Задайте охранную зону
5. Расположите смысловые блоки:
   — товар;
   — заголовок;
   — подзаголовок;
   — якорь (одна яркая цифра или факт);
   — дополнительные УТП.

После расположения всех объектов проверяем, чтобы ничего не «заваливалось» в сторону и не пересекалось с системными элементами площадки.

4.2. Визуал: фото + ИИ

Сейчас всё чаще основой становится не фотосет, а генерация через нейросети. Реальные фото по-прежнему нужны как источник правдивой информации о товаре (форма, материалы), но сцены и фоны часто проще создать заново. Например, с помощью инструмента ИИ-фотосессия от Fabula AI.

Что даёт ИИ:

• можно получить сцену под задачу: нужный интерьер, свет, настроение;
  
• не получается с первого раза — меняете запрос и через пару минут пробуете новую версию;
  
• не нужно подстраиваться под «как сняли» — визуал строится вокруг смысла, а не вокруг случайного кадра.
  

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

Исправляется это так:

1. Берёте сгенерированную сцену с товаром.
   
2. Дублируете слой с товаром и аккуратно вырезаете его от фона.
   
3. Фон чуть затемняете или размываете.
   
4. Товар, наоборот, подсвечиваете, добавляете контраст.
   

Так товар становится центром внимания, а фон остаётся атмосферой, а не конкурентом.

5. Как встроить ИИ в процесс и не потерять качество

5.1. Что можно поручить нейросети

ИИ хорошо справляется с:

• генерацией фонов и окружения;
  
• подбором общей атмосферы (уют, технологичность, премиальность);
  
• созданием вариаций под A/B-тесты;
  
• подготовкой базовых шаблонов: плашки, стили, композиции.
  

Сервисы типа Fabula AI помогают:

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

5.2. Где человек всё ещё обязателен

То, что нейросеть пока не делает за вас:

• выбор действительно важного для покупателя акцента;
  
• выстраивание логики фотоворонки и иерархии текста.
  

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

Правильная связка выглядит так:

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

6. Минимальные навыки, чтобы делать карточки самому

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

6.1. Композиция и центр внимания

• Товар — главный объект.
• Заголовок поддерживает его, а не спорит.
• Подзаголовок (2-ой уровень важности) и УТП (3-ый уровень)

Можно использовать простой приём:
сначала убираете весь текст и смотрите только на картинку — понятно ли сразу, где товар и что он делает? Потом по одному добавляете слои текста.

6.2. Баланс по углам

Быстрый тест от Никиты:

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

Если в каком-то углу слишком много «весит» (плашки, яркие пятна, крупный текст), карточка ощущается перекошенной. Нужно перераспределить элементы: уменьшить, сместить, убрать лишнее.

6.3. Цвет и контраст

• Избегайте кислотных цветов.
  
• Проверяйте карточку на мобильном: текст должен читаться без увеличения.
  
• Следите, чтобы фон не «съедал» текст и товар.

Чек-лист проверки карточки:

1. Сделайте скриншот вашей ниши, расположите на нем карточку и посмотреть выделяется она или нет.

2. Сохраните карточку на телефон, откройте ее и прочитайте на расстоянии вытянутой руки. Если текст плохо читается, стоит его увеличить.

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

7. Когда делать карточки самому, а когда подключать дизайнера

Этап 1. Запуск

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

Задача здесь не в идеальном дизайне, а в том, чтобы получить первые данные: клики, показы, отзывы.

Этап 2. Оптимизация

• Есть первые продажи и статистика.
• Можно:
  
  • доработать визуал: свет, фон, акценты;
    
  • пересобрать инфографику по реальным вопросам покупателей;
    
  • протестировать разные стили — от минимализма до более ярких решений.
    

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

Этап 3. Масштаб и сложные задачи

Стоит подумать о дизайнере, если:

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

Профессиональный дизайнер экономит вам часы и недели: вы отдаёте задачу и получаете не только аккуратную картинку, но и свежий взгляд на упаковку товара.

8. Итог: как подойти к созданию карточек на Wildberries

В виде краткой инструкции:

1. Изучите нишу: посмотрите, что уже делают сильные игроки.
   
2. Учитывайте особенности интерфейса: оставляйте «чистые» зоны под плашки и лейблы.
   
3. Планируйте фотоворонку целиком, а не только обложку.
   
4. Используйте нейросети как ускоритель, но не отказывайтесь от ручной настройки.
   
5. Следите за композицией, балансом и читаемостью текста.
   
6. На старте делайте быстро и сами, чтобы получить первые данные.
   
7. По мере роста подключайте дизайнера там, где это даёт ощутимую прибавку к качеству и экономит ваши ресурсы.
   

Эта схема помогает не «рисовать картинки ради картинок», а системно работать с карточкой как с инструментом: она должна объяснять, убеждать и приводить людей к покупке.