Инфографика и визуал

TL;DR

Собираем визуал карточки: чистая обложка по правилам WB (товар целиком, нейтральный фон) + 4 внутренних фото с инфографикой под боли клиента. ТЗ пишет нейросеть по Шаблону 4 из З2, генерация - image generation в ChatGPT (или Gemini/Шедеврум), доводка - Figma. Проверяем каждую картинку чек-листом правил WB 2026 - за нарушение блокируют карточку.

Цель

5 изображений, готовых к загрузке: обложка + 4 инфографических слайда, каждый прошёл проверку по требованиям площадки.

Зачем это нужно

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

1. Всё в обложку: маркетинговый текст, плашки «РАСПРОДАЖА», логотип. По правилам WB это снижает рейтинг карточки, а акционные слова («уценка», «только сегодня», «цена от производителя») - прямой путь к блокировке. Проверено: справка WB, обновление 27.07.2026.
2. Красиво вместо понятно: «дизайнерская» картинка, с телефона не читается, УТП не видно. Карточку листают большим пальцем за 2 секунды - текст должен читаться мгновенно.

Наша стратегия: обложка - чистая (чтобы не терять рейтинг и попадать в выдачу), инфографика - со второго фото (где она легальна и работает на конверсию).

Разминка (5 мин, возврат к Занятию 1)

Перед генерацией изображений проверь настройку из Занятия 1: какая модель выбрана в твоём аккаунте и включён ли запрет на обучение на твоих данных.

Генерация фото товара - это загрузка коммерческих исходников: настройки приватности из З1 здесь работают на тебя.

Что понадобится

• Товар (демо 112444005 или свой) + 4 исходных фото из демо-папки (112444005-main.webp и 112444005-photo-2/3/4.webp)
• Скриншоты карточек топ-5 конкурентов из З3
• 2-3 лучших отзыва (свои или конкурентов - для формулировок болей)
• ChatGPT с image generation (входит в подписку) ИЛИ Gemini ИЛИ Шедеврум - генерируй в чём удобно, навык переносится
• Figma (бесплатно, figma.com)
• Правила фото WB - в таблице раздела «Теория» этого занятия

Теория (10 мин)

Требования WB к фото - выжимка правил (обновлено 27.07.2026)

Полный список - в «Полезных ссылках». Ozon и ЯМ: лимиты меняются чаще - перед загрузкой сверь в кабинете (30 секунд).

Структура визуала: что на каком фото

Текст читается за 2 секунды с телефона: 1 заголовок + максимум 3 коротких пункта на фото.

Пошаговая инструкция

Шаг 1. Собрать исходники (5 мин)

Одна папка: 4 фото товара, скриншоты конкурентов, скриншоты 2-3 отзывов, описание товара из З4.

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

✅ Правильно: каждое число на будущей картинке - из паспорта твоего товара.

Шаг 2. ТЗ от нейросети - Шаблон 4 из З2 (10 мин)

Прогоняешь Шаблон 4 (там уже зашиты верифицированные правила WB - после правки 14.08). Нейросеть вернёт таблицу на 5 карточек: тема, заголовок, УТП, композиция, фон. Ответь на её уточняющие вопросы реальными данными, не «решай сам».

Шаг 3. Сгенерировать обложку (10 мин)

Промпт для image generation (вместо {VARS} - свои значения):

Create a professional product photo: {ТОВАР}, centered, fully visible,
on a plain light gray background, soft studio lighting, no text,
no logos, no props, vertical 3:4 aspect ratio, high detail, e-commerce
catalog style

❌ Частая ошибка: просить у генератора русские надписи на картинке - модели коверкают кириллицу. Текст добавляем в Figma, не в генерации.

✅ Правильно: генерация - только изображение и композиция. Все надписи - поверх, в Figma, шрифтом бренда.

Шаг 4. Сгенерировать 4 инфографических слайда (15 мин)

Для каждой карточки из ТЗ: генерация сцены/фона без текста → в Figma поверх заголовок и пункты. Перед каждым запросом заново прикладывай фото товара и повторяй вводные - память модели сбивается. Известная ошибка генерации: модель вставляет чужой логотип или текст с исходника в новую картинку - всегда проверяй мелкие детали.

Если генерация ушла в мусор (не тот товар, лишние объекты) - не вылизывай 5 итерациями. Новый чат внутри проекта, заново фото + вводные.

Шаг 5. Сборка и текст в Figma (15 мин)

1. figma.com → бесплатный аккаунт (если ещё нет - регистрация 2 минуты)
2. Новый Design-файл → Frame 900x1200 (или 1080x1440)
3. Загрузи генерацию → кадрируй до 3:4
4. Текст: заголовок 60-80 pt, пункты 30-40 pt (проверь читаемость, уменьшив превью до размера ногтя - так её видит покупатель в выдаче)
5. Контраст текста: тёмный на светлом/белом - от 4.5:1 (чёрный на белом проходит с запасом)
6. Export → PNG → проверить вес <10 МБ

Шаг 6. Проверка по чек-листу площадки (5 мин)

Прогони каждую картинку по таблице требований из Теории. Особое внимание: обложка без текста? Нет акционных слов? Цифры совпадают с паспортом? Текст читается с телефона?

Быстрая нейро-проверка (опционально): загрузи готовую картинку в ChatGPT с промптом: «Проверь это фото карточки товара по правилам WB: есть ли запрещённые элементы, читается ли текст, что улучшить». Vision-модели видят очевидные нарушения.

Шаг 7. Загрузка в карточку (5 мин)

Загрузи 5 фото в карточку из З4 (WB), порядок: обложка первой. На Ozon/ЯМ - те же файлы после сверки лимитов кабинета.

Промпты занятия

Полный промпт ТЗ - Шаблон 4 из Занятия 2 (обновлённый, с правилами WB внутри). Дополнительные:

Промпт №1. Обложка (image generation, англ.)

Create a professional e-commerce product photo: {ТОВАР + ГЛАВНАЯ
ХАРАКТЕРИСТИКА}, centered composition, product fully visible and not
cropped, plain neutral light gray background, soft even studio lighting,
no text, no watermarks, no logos, vertical 3:4 aspect ratio,
sharp focus, high detail

Промпт №2. Vision-проверка готовой картинки

Проверь это изображение для карточки товара на Wildberries по правилам:
1. Есть ли запрещённые элементы: водяные знаки, логотипы, акционные
   слова («распродажа», «уценка»), маркетинговый текст
2. Товар полностью в кадре, не обрезан, не под углом (если это обложка)
3. Читается ли текст с размера превью в выдаче (мелкий, блёклый, низкий
   контраст - нечитаемо)
4. Есть ли визуальный мусор: лишние объекты, кривые линии, артефакты
   генерации
Верни: вердикт «ок/доработать» + список конкретных правок.

Практика (блок 2, 30 мин)

❌ Неоптимальный подход

Генерировать «красивые картинки» без ТЗ, текст просить у генератора по-русски, загрузить как есть. Итог: кривая кириллица, акционная плашка от генератора, карточка потеряла рейтинг.

✅ Правильный подход

ТЗ (Шаблон 4) → генерация сцен без текста → Figma: текст, контраст, экспорт → чек-лист площадки → загрузка.

Итерация

1. Стартер: обложка (Шаг 3) - самая важная, начни с неё
2. Расширение: слайд «Боль → решение» - главный конверсионный после обложки
3. Финал: оставшиеся 3 слайда + проверка всего комплекта чек-листом

Если время живого эфира поджало - обложка + слайд 2 обязательны, слайды 3-5 в домашку.

A/B-тест обложки

Обложку не выбирают на вкус - её проверяют. Методология простая и переносится на любой элемент карточки.

1. Одна переменная: меняем только главное фото. Цена, название, описание, ставки РК - без изменений весь период теста. Поменял два элемента сразу - результат нечитаем.
2. Второй вариант берём из этого занятия: у тебя после Шага 3 несколько генераций обложки - вторая по качеству идёт в тест, а не рисуется заново.
3. Период: 7-14 дней. Меньше недели - в цифры лезет день недели и случайный трафик.
4. Метрика: CTR из воронки кабинета WB (показы → переходы в карточку). Заказы смотрим справочно: на них влияет цена, отзывы и остатки, а не только фото.
5. Инструмент: штатный А/Б-тест главного фото в кабинете WB (см. «Полезные ссылки»). Если инструмент недоступен для твоей карточки - меняешь обложку вручную и сравниваешь два равных по длине периода.
6. Фиксация: в журнале одна строка - дата старта, что менял, CTR до, CTR после, решение. Без записи «до» сравнивать будет не с чем.

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

Чек-лист «занятие усвоено»

Домашка

Задачи из банка задач: 5.1 и 5.2 (файл «Банк задач» - в разделе «Материалы» на сайте курса).

Сдача: Telegram-чат потока, тред «Домашка З5», до Занятия 6.
Формат: файлы/скриншоты по задаче + 1 строка «что получилось / что застряло».

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

Что делать с результатом

После загрузки фото карточка из З4 полностью готова. Когда показы стабилизируются - запускай A/B-тест обложки по методике из блока выше. Это тот же навык гипотез из З2, применённый к визуалу.

Типовые проблемы

Выходной билет (5 мин)

З5 / что нового узнал: ...
З5 / какой слайд дался тяжелее всего: ...
З5 / чем генерил и почему: ...

Полезные ссылки (проверено 14.08.2026)

• Фото товаров: правила, рекомендации и частые ошибки (главный источник этого занятия): seller.wildberries.ru/instructions/ru/ru/material/item-photo-rules-recommendations-and-common-mistakes - обновлено 27.07.2026
• А/Б-тестирование главного фото: там же в справке, раздел «Как улучшить карточку товара»
• Фотостудия WB (генерация фото нейросетью прямо в кабинете): справка WB, раздел «Фотостудия» - бесплатная альтернатива для обложек
• Figma: figma.com (бесплатный тариф)

Дальше

→ Занятие 6. Анализ рекламных кампаний WB