Селлер пятновыводителя склеил «грязный диван» из стока и «сияющий» из чужого ролика, подписал «удаляет любые пятна за 1 минуту» – CTR вырос, а в отзывах «не как на фото» и возвраты. Боль знакома: хотите показать эффект, но боитесь рекламного кадра – либо каша из двух фото и мелких подписей, либо слишком красивый «после». Ниже – как принять один честный слайд ДО|ПОСЛЕ и понять, когда отдать бриф студии.
Инфографика до и после на слайде – это не вау-коллаж, а честный контраст: одна сцена, два состояния, короткая подпись условий. На WB не ставьте такой кадр на обложку – эффект обычно на 2–4 позиции. За 2–3 секунды на телефоне должно быть ясно, что слева «до», справа «после»; товар узнаваем; обещания совпадают с реальностью. Ориентир холста dual-safe 3:4 около 900×1200; пропорции Ozon сверьте в UI кабинета.
В выдаче «до и после» часто путают редизайн карточки «было/стало» у агентств и слайд результата применения товара. Нам нужен второй. Secondary-гайды по Ozon спорят про 1:1 против 3:4 – не объявляйте одну цифру «официально». Проверьте поля в кабинете перед загрузкой.
Если после двух склеек из стока в чат снова пишут «не как на фото», а ассортимент растёт, быстрее зафиксировать бриф «один слайд до/после + условия + мобильная читаемость» и отдать работу студии, чем гадать ещё одним вечером. Ниже – критерии приёмки; тарифы – на странице тарифов; в конце короткий тест и номер на бесплатную консультацию.
Выберите, нужен ли слайд «до/после» вашей категории
Боль – потратить слот карусели на формат, который категории не помогает. Формат силён там, где эффект виден глазами: пятновыводитель, уход за волосами, чистящая химия, косметика с заметным «до/после». Для декора и украшений чаще сильнее чистый lifestyle или габариты.
Не делайте «до/после» ради красивой картинки, если измеримого результата нет. Выберите другой формат слайда – сценарий использования или размеры. Используйте простой тест: покупатель за секунду понимает, что изменилось? Если нет – формат лишний.
| Категория | Формат «до/после» | Чем заменить |
|---|---|---|
| Химия, пятна, уборка | Да, один честный контраст | – |
| Косметика, волосы | Да, при своих фото | Слайд состава, если эффекта нет |
| Декор, украшения | Редко | Lifestyle / размеры |
Например, в гайдах T-Bank Secrets формат как раз показывают на пятновыводителе: зрителю важно увидеть работу товара, а не абстрактный «вау». Рядом полезен общий разбор инфографики для маркетплейсов – какие роли слайдов бывают в серии.
Оставьте обложку чистой: эффект – со 2–4 слайда
Боль – поставить «до/после» первым и потерять узнаваемость товара в плитке или поймать отказ модерации. Community-FAQ Seller Moon прямо пишет: инфографику на главном не рекомендуют; текст на главной – типичная ошибка.
Сделайте первое фото чистым: товар крупно, без сетки «до|после». Добавьте эффектный слайд вторым, третьим или четвёртым – после обложки и, при необходимости, деталей. На Ozon secondary иногда допускают выноску на первом кадре, но не путайте это с правилами WB.
- Шаг 1: проверьте, что обложка без текста «до/после» и без мелких плашек.
- Шаг 2: подготовьте отдельный файл эффекта под галерею.
- Шаг 3: загрузите его на позицию 2–4, не на главное.
- Шаг 4: уберите с кадра цены, «хит/топ», контакты и чужие логотипы.
- Шаг 5: проверьте превью в ленте – товар должен читаться без слайда эффекта.
Workflow галереи:
Чистое главное фото → детали/факты → слайд ДО|ПОСЛЕ → размер/комплект → проверка на телефоне
Порядок кадров для WB подробнее разобран в материале инфографика Wildberries: обложка продаёт клик, галерея закрывает сомнения.
Снимите один объект при одном свете
Боль – слева и справа «разные миры»: сток, чужой ролик, другой ракурс и другой свет. Типичная ошибка из reader_story: CTR растёт, а возвраты бьют по рейтингу. Bitiy Pixel и Trusty сходятся: для «до/после» только свои фото; приукрашенный результат бьёт отзывами.
Используйте одну сцену: одинаковый ракурс, дистанция, масштаб и свет. Снимите «до» и «после» одного пятна или участка – не два разных дивана из интернета. Избегайте чужих стоков и скринов из рекламы конкурентов.
- Шаг 1: зафиксируйте точку съёмки (штатив, стопка книг – что угодно стабильное).
- Шаг 2: сделайте кадр «до» при дневном свете у окна.
- Шаг 3: примените средство по инструкции и снимите «после» без смены угла.
- Шаг 4: сравните масштаб объекта на обеих половинах – он должен совпадать.
- Шаг 5: отбракуйте пару, если свет или цвет фона «поплыли».
На практике честный контраст читается как у продавца на ПВЗ: «вот было, вот стало после N минут». Если исходники кривые – смотрите разбор фото карточки Wildberries и сдавайте папку с двумя кадрами одной сцены.
Как разложить кадры: split 50/50 и крупные ярлыки
Боль – мелкая сетка из пяти плашек, где на телефоне непонятно, где «до». Obliq советует держать максимум около трёх смысловых элементов на кадре; Trusty – одну мысль на слайд.
Сделайте вертикальный split 50/50 (или верх/низ, если так читаемее). Добавьте крупные ярлыки «ДО» и «ПОСЛЕ». Уберите лишние иконки, стрелки и водяные знаки. Ориентир холста из secondary: 900×1200, 3:4; минимум по FAQ Seller Moon часто около 700×900, вес до ~10 МБ. Для Ozon aspect не фиксируем как официальный – проверьте в UI.
Чеклист раскладки:
две половины равны → ярлыки читаются → одна короткая подпись условий на весь слайд → ключевое не в углах и не у нижнего края под бейджами → превью на телефоне за 2–3 секунды ясно
В реальном проекте каша начинается, когда на каждую половину вешают ещё по две выноски. Не делайте так: максимум одна строка условий на весь слайд. SellerBlog: критичный текст не в углы и низ – там бейджи UI.
Напишите подписи как честный продавец
Боль – лозунг «удаляет ВСЁ за 1 минуту» приводит к злым отзывам. Подпись должна сузить ожидание до факта: что изменилось и при каких условиях.
Используйте факт вместо обещания. Добавьте срок или способ: «после 10 минут по инструкции», «после одного нанесения». Уберите гарантии-лозунги и чужие рейтинги. Избегайте мелкого шрифта: на телефоне он превращается в шум.
- Плохо: «удаляет любые пятна мгновенно».
- Нормально: «пятно стало светлее после 10 мин по инструкции».
- Плохо: пять мелких абзацев на половину кадра.
- Нормально: один ярлык + одна строка условий.
Как понять, что слайд готов (success_criteria): на смартфоне за 2–3 секунды ясно, где «до» и где «после»; условия читаются; товар узнаваем; обложка осталась чистой; цифры и обещания совпадают с реальным результатом. Если всё совпало – получите честный контраст в галерее, а не рекламный коллаж.
Проверьте на телефоне и соберите бриф студии
Первый безопасный шаг сегодня: возьмите два своих кадра одной сцены, соберите split, ярлыки и одну строку условий, затем откройте файл на телефоне. Сможете принять работу дизайнера или свой черновик по чеклисту ниже – и решить, грузить ли слайд или отдавать студии.
- Шаг 1: проверьте ярлыки ДО/ПОСЛЕ на маленьком экране.
- Шаг 2: убедитесь, что половины не сливаются по цвету.
- Шаг 3: исправьте подпись, если она звучит как гарантия.
- Шаг 4: выберите позицию 2–4 в галерее, не обложку.
- Шаг 5: если за вечер не сходится – соберите бриф и отдайте профессионалам.
Чеклист приёмки слайда ДО|ПОСЛЕ:
свои фото одной сцены → одинаковый свет/ракурс → split + ярлыки → условия без лозунгов → не на главном WB → безопасные зоны → превью телефона → совпадение с реальным эффектом
Не делайте ставку на «закрою всю карточку сам в Canva за вечер»: знания здесь нужны, чтобы принять макет и сформулировать ТЗ. В брифе хватит: «один слайд до/после, одинаковый свет, подпись условий, мобильная читаемость, позиция 2–4». Так сэкономите круг правок без критериев.
Материал проверен: Stan (Дизайнер карточек для Wildberries и Ozon).
Достоверность данных: практика обложки и лимитов – Seller Moon A-124 и trebovaniya-k-foto-na-wb (min ~700×900, ≤10 МБ, до 30 фото; инфографика не на главном); формат «до/после» – T-Bank Secrets, Obliq, Bitiy Pixel, Trusty, CallPlex, SellerBlog, gdefoto (accessed_at 2026-09-16); WB SPA instructions и Ozon seller-edu foto-i-video – CAPTCHA/307, пиксели Ozon не как official; частотность parent «инфографика для карточки товара» и related «инфографика до и после» – Яндекс Вордстат на 2026-09-16.
Частые вопросы
Можно ли ставить «до/после» на первый слайд WB?
Не делайте так. Оставьте обложку чистой; эффект загрузите на 2–4 позицию. Проверьте превью в плитке до публикации.
Сколько кадров нужно снять?
Два своих кадра одной сцены достаточно: «до» и «после» при одном свете и ракурсе. Используйте штатив или упор, чтобы масштаб не прыгал.
Что делать, если «до» выглядит некрасиво?
Так и должно быть: «до» показывает проблему, а не lifestyle. Уберите только мусор и чужие бренды, но не приукрашивайте пятно до неузнаваемости.
Какой размер файла готовить?
Держите 3:4. Рабочий ориентир часто 900×1200; минимум по secondary FAQ WB – около 700×900. Для Ozon aspect сверьте в кабинете: гайды secondary расходятся (1:1 vs 3:4).
Можно ли брать фото из стока или чужой рекламы?
Не делайте этого для «до/после». Добавьте только свои кадры – иначе растёт риск возвратов и жалоб «не как на фото».
Когда лучше выбрать слайд габаритов вместо «до/после»?
Если у товара нет видимого измеримого результата. Выберите формат размеров или сценария использования – так слот карусели не сгорит зря.
Склеили «грязный» сток и чужой «сияющий» кадр – и снова отзывы «не как на фото»? Не гадайте честный контраст ещё один вечер с чужими картинками. Три вопроса и номер – разберём слайд ДО|ПОСЛЕ и бриф на бесплатной консультации.