VOIS × OZON: Дизайн карточек и рич-контента для маркетплейса

VOIS — бренд уходовой косметики, выходящий на маркетплейс OZON с линейкой средств для проблемной кожи. Флагманский продукт — крем “bye-bye, bad vibes” с ниацинамидом и маслом ши.

Задача: Создать систему карточек и рич-контента, которая:

• Выделит продукт в конкурентной среде маркетплейса
• Донесет ценность продукта через визуал и инфографику
• Упростит процесс принятия решения о покупке
• Будет масштабируемой для всей линейки продуктов

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

• Визуальный шум: карточки выглядят хаотично, перегружены текстом
• Несистемность: нет единого стиля across разных продуктов линейки
• Долгое производство: создание качественных материалов занимает недели
• Низкая конверсия: покупатели не понимают ценность продукта за 3 секунды сканирования

Для VOIS нужно было решить эти проблемы и создать контент, который работает на конверсию.

🔍 Исследование и подход

Анализ конкурентов: Изучил топ-50 карточек в категории “уход за проблемной кожей” на OZON. Выявил паттерны:

• 80% используют стоковые фото без единого стиля
• Только 15% имеют структурированный рич-контент
• Менее 10% показывают реальные результаты “до/после”
• Практически никто не объясняет состав простым языком

Инсайт: Покупатели уходовой косметики ищут не просто продукт, а решение проблемы и доказательства эффективности. Им нужна прозрачность (состав) и социальное доказательство (результаты).

Решение: Создать систему карточек, где каждая выполняет свою задачу в воронке принятия решения:

1. Привлечь внимание (главный экран)
2. Показать проблему (блоки “до”)
3. Доказать эффективность (блоки “после” с метриками)
4. Объяснить состав (декодер INCI)
5. Показать как использовать (способ применения)
6. Призвать к действию (CTA)

🤖 AI-генерация

Что генерировал с помощью AI:

• Фоновые композиции с цветами и природными элементами
• Вариации текстур и макросъемки
• Некоторые фото моделей (с последующей ретушью)
• Иконки и графические элементы

Как интегрировал AI в процесс:

1. Промпт-инжиниринг: Создал библиотеку промптов с четкими параметрами (стиль, освещение, композиция, цвета VOIS)
2. Контроль качества: Каждая AI-генерация проходила через фильтр:
   • Соответствие бренд-гайдлайнам
   • Техническое качество (разрешение, артефакты)
   • Визуальная консистентность с другими карточками
3. Пост-обработка: Доработка в Figma/Photoshop:
   • Добавление текста и UI-элементов
   • Цветокоррекция под единую палитру
   • Композитинг (объединение AI-элементов с реальными фото продукта)
4. Масштабируемость: Создал шаблоны, где AI-контент можно быстро заменять для разных продуктов линейки

Главная карточка товара

Что это: Основное фото товара, которое пользователь видит в каталоге OZON, в поисковой выдаче и первым в галерее карточки. Это “витрина” — от неё зависит CTR (кликабельность) и попадет ли пользователь вообще внутрь карточки.

UX-решения:

• Заголовок “КРЕМ ОТ ПРЫЩЕЙ” — бьет точно в поисковый запрос. Когда пользователь ищет “крем от прыщей” на OZON, он видит точное совпадение. Это повышает релевантность и CTR
• Три плашки с преимуществами — работают как “крючки” в миниатюре. Даже в маленьком размере пользователь сканирует: жирный блеск → воспаления → поры. Это его боли, он видит их сразу
• Иконки как визуальные якоря — капля, щит, поры. В миниатюре каталога иконки читаются быстрее текста, помогают выделиться среди конкурентов
• Продукт в центре — банка крема с названием “bye-bye, bad vibes”. Фокус на бренде, запоминаемость в выдаче
• Природный фон (ромашки, зелень, дерево) — выделяет карточку в каталоге. На фоне белых/серых карточек конкурентов это привлекает внимание и снижает тревожность (натуральность = безопасность)

Влияние на конверсию:

• Повышает CTR из каталога: точное совпадение заголовка с поисковым запросом + визуальное выделение среди конкурентов = больше кликов в карточку
• Снижает когнитивную нагрузку: пользователь за 1-2 секунды понимает, что продукт решает его проблему. Не нужно вчитываться
• Триггеры болей в миниатюре: “жирный блеск”, “воспаления”, “поры” — конкретные запросы ЦА. Они цепляют в выдаче и заставляют кликнуть
• Натуральный визуал повышает доверие: в категории “проблемная кожа” покупатели боятся агрессивной химии. Ромашки и зелень работают как сигнал “безопасно” еще до клика
• Запоминаемость бренда: банка в центре + фирменный синий VOIS. Когда пользователь увидит продукт в выдаче снова — узнает

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

Карточка «1 месяц на тест» — навигация к доказательствам

Что это: Переходный экран рич-контента, который связывает управление ожиданиями с визуальным доказательством эффективности. После честного предупреждения о возможном ухудшении (карточка «ВАЖНО!»), эта карточка переключает тон с серьёзного на игривый и направляет пользователя к блоку с реальными результатами «ДО/ПОСЛЕ».

UX-решения:

• Игривый визуальный тон: Подмигивающая модель наносит крем на лицо. Это ломает серьёзный «клинический» тон предыдущих карточек, делая бренд дружелюбным, уверенным и близким аудитории. Подмигивание = «мы знаем, что говорим, доверяй нам».
• Повторение таймлайна: Фраза «2 недели — до первых результатов» закрепляет реалистичные ожидания прямо перед показом визуальных доказательств. Пользователь видит: «ок, через 2 недели я увижу результат, а вот и доказательства».
• Интерактивный триггер скролла: Плашка «Фото реальных “ДО” и “ПОСЛЕ” →» работает как чёткий навигационный указатель. Стрелка вправо = скролль вниз. Это не просто текст, это инструкция к действию.
• Триггер самопроекции: Текст «представь — на себе» напрямую побуждает покупателя визуализировать положительный результат на собственной коже. Это переключает с позиции наблюдателя («интересно, помогло ли им») на позицию участника («а если это будет со мной»).
• Продукт в руке модели: Финальный акцент на бренде перед блоком доказательств. После всех объяснений (состав, текстура, применение) мы показываем: «вот что ты покупаешь». Это якорит образ продукта в памяти.
• Синий фон — паттерн-брейк: Все предыдущие карточки были светлыми (белые, природные тона). Здесь — глубокий синий VOIS. Это визуальный «стоп-сигнал»: внимание, важный переход, дальше доказательства.

Влияние на конверсию:

• Увеличивает глубину скролла: Чёткий CTA «Фото реальных “ДО” и “ПОСЛЕ” →» направляет пользователя дальше вниз по карточке. Без этого триггера часть аудитории могла бы остановиться на этом экране.
• Эмоциональная разрядка: После тревожной карточки «ВАЖНО!» (предупреждение об ухудшении) игривое подмигивание снимает напряжение. Пользователь думает: «они уверены в результате, значит, не врут».
• Самопроекция = желание купить: Когда пользователь представляет результат на себе, это усиливает эмоциональную вовлечённость. Это не абстрактные «люди получили результат», это «я тоже так могу».
• Реалистичные ожидания = меньше возвратов: Повторение «2 недели» перед блоком «ДО/ПОСЛЕ» создаёт правильные ожидания. Пользователь видит результаты фокус-группы и понимает: «мне тоже нужно подождать 2 недели, не раньше».

Продуктовая логика: Это навигационный экран, который выполняет две критические функции:

1. Эмоциональный баланс: После серьёзного предупреждения об обострении (карточка «ВАЖНО!») нужен позитивный, уверенный тон. Подмигивающая модель = «да, будет непросто первые две недели, но результат того стоит».
2. Навигация к доказательной базе: Без чёткого указателя «смотри дальше» часть пользователей могла бы пропустить блок «ДО/ПОСЛЕ». Здесь мы явно говорим: «доказательства эффективности — прямо за этим экраном, скролль вниз».

Без этой карточки пользователь мог бы застрять на этапе тревоги («а вдруг мне станет хуже?»). С этой карточкой — он получает эмоциональное разрешение двигаться дальше: «да, есть риски, но посмотри, как это сработало у других, и представь, что это сработает у тебя». Это мост между страхом и доверием.

Карточка «До/После» — блок социального доказательства

Что это: Один из ключевых экранов рич-контента, который закрывает главное возражение покупателя уходовой косметики: “А это вообще работает?”. Здесь мы показываем реальный результат на реальном человеке с конкретной проблемой.

UX-решения:

• Четкое разделение ДО/ПОСЛЕ с цветовыми бейджами (синий для ПОСЛЕ — ассоциация с результатом и брендом). Глаз мгновенно считывает контраст “было → стало”
• Три иконки-проблемы (прыщи, поры, раздражение) — пользователь сканирует и находит свою боль. “О, у меня тоже расширенные поры!” — это момент самоидентификации
• Цитата “Постоянно появляются высыпания” — голос покупателя, не бренда. Это работает как отзыв из первых уст, создает эмпатию
• Метрика 78% — конкретная цифра, не абстрактное “многие заметили улучшение”. Цифры вызывают больше доверия, чем прилагательные
• *Сноска “все % — по результатам опроса фокус-группы” — юридическая защита + прозрачность. Покупатель видит, что это не выдумка, а реальные данные
• Разные типажи моделей (блондинка, брюнетка, шатенка в других карточках) — каждая женщина находит “похожую на себя”. Это повышает релевантность и доверие
• Продукт в нижней части — после эмоционального воздействия “до/после” показываем решение. Логика: проблема → результат → вот что помогло

Влияние на конверсию:

• Закрывает главное возражение: “А поможет ли мне?” → “Вот 78% людей с такой же проблемой получили результат”
• Самоидентификация: когда покупатель видит модель со своим типом кожи/проблемой, он проецирует результат на себя. Это мощнейший триггер покупки
• Конкретика вместо абстракции: “78% отметили улучшение микрорельефа” работает лучше, чем “улучшает состояние кожи”. Цифра = доказательство
• Эмоциональный контраст: серьезное лицо ДО → улыбка ПОСЛЕ. Это не просто визуал, это эмоция “я тоже так хочу”
• Снижает тревожность покупки: уходовая косметика — это риск (а вдруг не подойдет?). Блок до/после снижает воспринимаемый риск

Продуктовая логика: Этот экран работает на середине воронки. Пользователь уже кликнул в карточку (главное фото сработало), теперь ему нужно доказательство эффективности. Блок до/после — это мост между интересом и решением о покупке. Без него конверсия падает, потому что покупатель уходит “подумать” и не возвращается.

Карточка «До/После» — брюнетка, фокус на прыщах

Что это: Второй экран из серии “До/После”, но с другим акцентом. Если предыдущая карточка (блондинка) работала на аудиторию с комплексной проблемой (прыщи + поры + раздражение), то эта бьет в самую острую боль — акне и высыпания. Одна проблема, одно решение, одна метрика.

UX-решения:

• Одна проблема вместо трёх — фокусировка. Когда у пользователя главная боль “прыщи”, он не хочет читать про поры и раздражение. Он хочет видеть: “вот девушка с прыщами → вот она без прыщей”. Всё лишнее убрано
• Модель-брюнетка — охват другого сегмента ЦА. Покупательница с тёмными волосами ищет “похожую на себя”. Система из нескольких типажей (блондинка, брюнетка, шатенка) покрывает большинство аудитории
• Метрика 82% — выше, чем 78% в предыдущей карточке, потому что про другое: “сокращение высыпаний и улучшение рельефа”. Разные метрики под разные боли = разное доказательство
• Та же цитата “Постоянно появляются высыпания” — но в контексте одной проблемы она звучит сильнее. Это не список жалоб, это крик души
• Визуальная консистентность с предыдущей карточкой (те же бейджи ДО/ПОСЛЕ, тот же стиль, тот же продукт внизу) — пользователь понимает, что это часть одной истории, а не разрозненные картинки

Влияние на конверсию:

• Фокус на главной боли: акне — самая эмоциональная проблема в категории. Девушки с прыщами готовы платить больше и покупать быстрее, если видят результат. Эта карточка работает именно на них
• Разные типажи = больший охват: когда в рич-контенте несколько моделей, каждая покупательница находит “свою”. Это повышает время на странице и глубину просмотра
• Конкретная метрика под конкретную боль: “82% отметили сокращение высыпаний” — это не общее “улучшение кожи”, а ответ на вопрос “а прыщи пройдут?”
• Эмоциональный контраст усилен: на этой модели прыщи видны сильнее (лоб, щёки, подбородок). Контраст ДО/ПОСЛЕ более драматичный → сильнее эмоциональный отклик → выше желание купить

Продуктовая логика: Это не дубликат предыдущей карточки, а сегментация внутри рич-контента. Мы не пытаемся продать “всем сразу” — мы говорим с разными аудиториями на их языке. Брюнетка с акне видит себя → верит в результат → покупает. Блондинка с расширенными порами (предыдущая карточка) видит себя → верит → покупает. Система работает на всех, а не на усреднённого пользователя.

Карточка «До/После» — шатенка, фокус на порах и черных точках

Что это: Третий экран из серии “До/После”, закрывающий третий сегмент ЦА. Если первая карточка работала на комплексную проблему, вторая — на акне, то эта бьет в расширенные поры и черные точки. Это отдельная боль, отдельная аудитория, отдельная метрика.

UX-решения:

• Одна проблема — одна метрика: “расширенные поры и черные точки” → “86% отметили сужение пор и гладкость кожи”. Прямая связь “боль → результат”, без размытия
• Модель-шатенка — третий сегмент ЦА. Покупательница с каштановыми волосами ищет “похожую на себя”. Система из трёх типажей (блондинка, брюнетка, шатенка) покрывает большинство аудитории маркетплейса
• Метрика 86% — самая высокая из трёх карточек. И это не случайно: поры — проблема, где результат виден быстрее всего (в отличие от акне, где нужно время). Высокая цифра = высокое доверие
• Формулировка “Поры заметны и забиваются” — описательная, не цитата. Это работает как констатация факта, который пользователь узнаёт в себе. Не эмоция, а диагноз
• Визуальный акцент на текстуре кожи: на этой модели поры видны особенно хорошо (нос, щёки, лоб). Контраст ДО/ПОСЛЕ максимально наглядный — гладкая кожа ПОСЛЕ видна сразу
• Та же структура (бейджи ДО/ПОСЛЕ, продукт внизу, сноска о фокус-группе) — пользователь понимает, что это часть системы, а не разрозненные картинки

Влияние на конверсию:

• Самая высокая метрика = самое сильное доказательство: 86% — это почти 9 из 10. Для аудитории с расширенными порами это мощный сигнал “работает”
• Быстрый видимый результат: поры — проблема, где эффект заметен через 2 недели (в отличие от акне, где нужно месяц). Это снижает барьер покупки: “я увижу результат быстро”
• Конкретика “гладкость кожи”: это не абстрактное “улучшение”, а осязаемый результат. Покупательница может представить, как её кожа станет гладкой
• Сегментация работает на охват: шатенка с порами видит себя → верит → покупает. Без этой карточки она бы прошла мимо, потому что не нашла “свою” проблему в других экранах
• Наглядный визуальный контраст: на этой модели разница ДО/ПОСЛЕ самая очевидная. Это работает даже без чтения текста — глаз сам видит “было плохо → стало хорошо”

Продуктовая логика: Это третий элемент системы сегментации. Мы не пытаемся продать “крем от всего” — мы говорим с тремя разными аудиториями на их языке. Брюнетка с акне (82%), блондинка с комплексной проблемой (78%), шатенка с порами (86%) — каждая видит свою боль и своё доказательство. Система покрывает 80%+ ЦА категории “проблемная кожа”, и каждая покупательница находит “свой” экран. Это повышает конверсию в корзину, потому что пользователь не уходит “подумать” — он уже нашёл ответ на свой вопрос.

Карточка «До/После» — чувствительная кожа, фокус на раздражении и покраснении

Что это: Четвёртый экран из серии “До/После”, закрывающий ещё один сегмент ЦА — девушек с чувствительной, склонной к раздражению кожей. Это отдельная боль, часто пересекающаяся с акне и порами, но имеющая свою специфику: здесь важны не только визуальные проявления, но и физические ощущения (зуд, стянутость, дискомфорт).

UX-решения:

• Проблема “раздражённая кожа” — охватывает аудиторию, которую не закрывают предыдущие три карточки. У многих девушек кожа не просто “с прыщами” или “с порами” — она постоянно краснеет, реагирует на всё, причиняет дискомфорт. Эта карточка говорит именно с ними
• Добавлено слово “дискомфорт” — это ключевое отличие. В предыдущих карточках метрики были про визуал (“улучшение рельефа”, “сужение пор”). Здесь — про физическое ощущение. Это работает на более глубоком уровне: покупательница узнаёт не только картинку, но и своё состояние
• Метрика 85% — “сокращение покраснений и дискомфорта”. Высокая цифра, но с оговоркой: раздражение — сложная проблема, часто хроническая. 85% звучит реалистично, не “слишком хорошо, чтобы быть правдой”
• Визуальный акцент на покраснении щёк: на этой модели краснота видна особенно ярко. Контраст ДО/ПОСЛЕ максимально драматичный — ровный тон кожи ПОСЛЕ виден сразу, даже без чтения текста
• Модель с собранными волосами — отличается от брюнетки со второй карточки (распущенные волосы). Это даёт ещё один визуальный типаж, повышает разнообразие системы
• Формулировка “Постоянно появляется раздражение” — капс, как крик. Это не констатация, это эмоциональное высказывание. Покупательница с чувствительной кожей читает это и думает: “да, это про меня”

Влияние на конверсию:

• Эмоциональный триггер “дискомфорт”: это не просто ” некрасиво”, это “больно, неприятно, мешает жить”. Такие формулировки работают сильнее визуальных — они бьют в физическое ощущение, которое хочется убрать прямо сейчас
• Максимально наглядный контраст: покраснение щёк — одна из самых заметных проблем. Разница ДО/ПОСЛЕ видна даже при беглом скролле, без вчитывания. Это работает на импульсивное решение
• Реалистичная метрика: 85% звучит правдоподобно для проблемы раздражения. Если бы было 95% — пользователь бы заподозрил манипуляцию. Здесь баланс между убедительностью и доверием
• Охват “немого” сегмента: многие девушки с чувствительной кожей не идентифицируют себя как “с прыщами” или “с порами”. Их боль — именно раздражение. Без этой карточки они бы прошли мимо, не найдя “свою” проблему
• Снижение страха “а вдруг будет хуже”: для аудитории с чувствительной кожей главный страх — “а вдруг крем вызовет ещё большее раздражение?”. Блок ДО/ПОСЛЕ с метрикой 85% работает как антидот этому страху

Продуктовая логика: Это четвёртый элемент системы сегментации, закрывающий “чувствительный” сегмент ЦА. Теперь у нас полный охват: акне (82%, брюнетка), комплексная проблема (78%, блондинка), поры (86%, шатенка), раздражение (85%, модель с собранными волосами). Каждая покупательница находит “свою” карточку — свою боль, свой типаж, своё доказательство. Это не просто красивые картинки, это воронка самоидентификации: пользователь скроллит, находит “похожую на себя”, видит результат, проецирует на себя, покупает. Система из четырёх карточек покрывает 90%+ ЦА категории “проблемная кожа” и работает на конверсию лучше, чем любой универсальный текст описания.

Карточка «Формула, которая работает на результат» — объяснение состава

Что это: Второй экран рич-контента, который идёт сразу после главной обложки. Если первая карточка зацепила болью (“крем от прыщей”), то эта объясняет, почему продукт работает. Это переход от эмоционального триггера к рациональному обоснованию — ключевой шаг в воронке принятия решения.

UX-решения:

• Подзаголовок “Формула, которая работает на результат” — мост между эмоцией и логикой. Пользователь уже понял, что продукт решает его проблему (первая карточка), теперь ему нужно подтверждение: “а за счёт чего?”
• Три активных ингредиента (Аллантоин, Салициловая кислота, Ниацинамид) — каждый с иконкой и функцией. Это не просто список INCI, это декодер для непрофессионала. Покупательница не должна гуглить, что такое ниацинамид — мы сразу говорим: “сужает поры, восстанавливает”
• Иконки как визуальные метафоры:
  • Щит с плюсом (Аллантоин) = защита, заживление
  • Капля с блеском (Салициловая кислота) = очищение, обновление
  • Поры со стрелками (Ниацинамид) = сужение, восстановление
  Каждая иконка — это “якорь”, который помогает запомнить функцию даже без чтения текста
• Визуальные элементы натуральности: оливковые ветви, капсулы масла ши (shea butter) на дереве. Это не просто декор — это визуальное подтверждение состава. Покупательница видит: “ага, вот масло ши, оно действительно есть в продукте”
• CTA “Полный состав в описании” внизу — призыв к действию для тех, кто хочет углубиться. Это работает на аудиторию “экспертов” (те, кто читает INCI), но не перегружает основную массу
• Та же структура, что у главной карточки (продукт в центре, природный фон, три плашки) — визуальная консистентность, пользователь понимает, что это продолжение истории

Влияние на конверсию:

• Закрывает возражение “а что внутри?”: после эмоционального крючка (“крем от прыщей”) покупательница хочет понять, не навредит ли продукт. Объяснение состава снимает этот страх
• Простой язык = доверие: когда бренд объясняет сложные термины простыми словами (“отшелушивает, очищает поры”), это воспринимается как прозрачность. Покупательница думает: “они ничего не скрывают”
• Три ингредиента = три причины купить: Аллантоин (воспаления) + Салициловая кислота (поры) + Ниацинамид (восстановление). Это покрывает все три боли из первой карточки. Логическая связь: “вот почему это работает против моих прыщей, пор и раздражения”
• Визуальное подтверждение состава: капсулы масла ши и оливковые ветви работают как “доказательство натуральности”. Для аудитории с чувствительной кожей это критично: они боятся “химии”
• CTA к описанию: кнопка “полный состав в описании” увеличивает время на странице (пользователь скроллит вниз читать INCI) и повышает вовлечённость. Чем дольше пользователь на странице — тем выше конверсия

Продуктовая логика: Эта карточка работает на рациональную часть мозга. Первая карточка зацепила эмоцией (“у меня прыщи, это решение”), блоки ДО/ПОСЛЕ дали социальное доказательство (“другим помогло”), а эта карточка даёт логическое обоснование (“вот формула, вот как она работает”). Это классическая воронка: эмоция → доказательство → логика → покупка. Без этого экрана конверсия падает, потому что часть аудитории (особенно “эксперты”, которые читают составы) уходит проверять ингредиенты в описание или к конкурентам.

Карточка «Невесомая текстура» — сенсорное доказательство

Что это: Тактильный экран рич-контента, который закрывает одно из главных возражений при покупке крема онлайн: “А какая у него текстура? Не будет ли липким/тяжёлым/жирным?”. Покупатель не может потрогать продукт через экран, поэтому мы создаём визуальную симуляцию тактильного опыта.

UX-решения:

• Макро-съемка текстуры на коже — это не просто “красивая картинка”, это визуальная замена тактильного опыта. Покупательница видит, как крем ложится на кожу: тонкий слой, без комков, без жирного блеска. Мозг автоматически проецирует это ощущение на себя
• Заголовок “НЕВЕСОМАЯ ТЕКСТУРА” — одно слово, которое снимает сразу несколько страхов: “не будет тяжёлым”, “не забьёт поры”, “не будет ощущаться на лице”. Это ключевое позиционирование продукта
• Фрукты как визуальная метафора аромата (инжир, апельсин, черника) — синестезия в действии. Покупательница не может почувствовать запах через экран, но видит фрукты → мозг генерирует представление о запахе. Это работает сильнее, чем текст “с фруктовым ароматом”
• Список из четырёх свойств — каждое закрывает конкретное возражение:
  • “Не забивает поры” — страх для проблемной кожи
  • “С фруктовым ароматом” — ожидание приятного сенсорного опыта
  • “Быстро впитывается” — страх долго ждать, боязнь жирности
  • “Не скатывается” — критично для тех, кто использует крем под макияж
• Фон — текстура кожи — не абстрактный цвет, а реальная кожа. Это усиливает ассоциацию “крем + моя кожа = одно целое”
• Белая плашка со списком — контраст с тёплым фоном, легко сканируется. Вертикальная синяя линия слева — визуальный якорь, ведёт глаз сверху вниз

Влияние на конверсию:

• Снимает барьер “не могу потрогать”: главная проблема онлайн-покупки косметики — отсутствие тактильного опыта. Эта карточка максимально приближает пользователя к ощущению продукта
• Закрывает возражение “а вдруг будет жирным?”: для аудитории с проблемной кожей это критично. Они боятся加重ить ситуацию тяжёлым кремом. “Невесомая” + визуал тонкого слоя = снятие страха
• “Не скатывается” — триггер для макияжной аудитории: многие используют крем как основу под макияж. Это свойство часто не указывают конкуренты, но оно важно для ЦА. Выделение этого свойства = конкурентное преимущество
• Фрукты повышают эмоциональную привлекательность: яркий цвет инжира, апельсина, черники создаёт ощущение “свежести”, “натуральности”, “приятного ухода”. Это не просто функциональный продукт, это удовольствие
• Сканируемый список: четыре коротких пункта читаются за 2 секунды. Пользователь не вчитывается — он сканирует и находит своё возражение (“а не забивает поры? — не забивает, ок, беру”)

Продуктовая логика: Эта карточка работает на сенсорном уровне воронки. После того как пользователь понял, что продукт решает его проблему (главная карточка), увидел доказательства (блоки ДО/ПОСЛЕ) и понял состав (карточка с ингредиентами), остаётся последний барьер: “а каково это — использовать?”. Эта карточка закрывает этот барьер через визуальную симуляцию тактильного опыта. Без неё конверсия падает, потому что часть аудитории уходит “почитать отзывы о текстуре” или сравнивать с конкурентами. Здесь мы даём ответ сразу, не давая повода для сомнений.

Карточка «Способ применения» — практическая инструкция

Что это: Экран рич-контента, который закрывает практическое возражение: “А как правильно использовать? Не наврежу ли себе?”. После того как пользователь эмоционально вовлёкся (до/после), понял состав и текстуру, ему нужна конкретика: что делать, когда купит продукт.

UX-решения:

• Крупный план нанесения крема на лицо — визуальная демонстрация процесса. Покупательница видит: вот рука, вот крем, вот как он ложится на кожу. Это не абстрактная инструкция, а наглядное руководство, которое можно “скопировать” мысленно
• Два пронумерованных шага — минимализм в действии. Не пять шагов, не десять, а всего два: “нанеси” и “дождись”. Это снижает когнитивную нагрузку: “ок, это просто, я справлюсь”
• Рукописный заголовок “Способ применения” — контраст с остальным интерфейсом. Пока все остальные карточки используют чёткий sans-serif, здесь — рукописный шрифт. Это добавляет человечности, ощущения “совет от подруги”, а не “инструкция от бренда”
• Визуальные акценты (стрелочки, штрихи у крема) — направляют внимание на процесс нанесения. Глаз следует за стрелкой: вот крем → вот движение → вот результат
• Синяя плашка “Подходит как основа под макияж” — это не просто информация, это расширение ЦА. Девушки, которые ищут крем под макияж, видят: “о, это про меня”. Это отдельный сегмент, который часто упускают конкуренты
• Белая плашка с предупреждением о тесте — забота о безопасности. “Проведи тест на запястье” — это не юридическая отписка, а сигнал: “мы думаем о твоей коже, мы не хотим навредить”. Это повышает доверие
• Ромашки и зелень в углах — визуальная консистентность с другими карточками. Пользователь понимает, что это часть одной системы, а не разрозненные картинки

Влияние на конверсию:

• Снижает барьер “а вдруг я неправильно использую”: для уходовой косметики это критично. Многие боятся купить продукт и не знать, как применять. Два простых шага = “я справлюсь” = меньше отказов
• “Под макияж” расширяет аудиторию: девушки, которые ищут крем как основу под макияж, часто не рассматривают “кремы от прыщей” для этой цели. Эта плашка говорит: “да, можно и под макияж”. Это открывает новый сегмент покупателей
• Предупреждение о тесте = забота = доверие: когда бренд говорит “проверь сначала на маленьком участке”, это воспринимается как честность. Покупательница думает: “они не пытаются впарить, они заботятся о моей коже”
• Визуальная инструкция работает лучше текстовой: крупный план нанесения крема запоминается лучше, чем текст “нанесите тонким слоем”. Это работает даже при беглом скролле
• Минимализм шагов снижает тревожность: два шага вместо пяти = простота = уверенность в покупке. Сложные инструкции отпугивают: “о, это слишком замороченно, не буду брать”

Продуктовая логика: Эта карточка работает на практическом уровне воронки. Пользователь уже эмоционально вовлёкся (до/после), понял состав (ингредиенты), оценил текстуру (невесомая), и теперь думает: “ок, а как это использовать?”. Эта карточка даёт ответ и снимает последний барьер перед покупкой. Без неё часть аудитории уходит “почитать инструкцию в описании” или сравнивать с конкурентами, у которых есть видео-инструкции. Здесь мы даём визуальную инструкцию сразу, в формате, который работает на маркетплейсе (статичная картинка, не видео). Это повышает конверсию, потому что пользователь не откладывает решение “на потом” — он уже всё понял и готов купить.

Карточка «Оставайся с VOIS» — финальный CTA и призыв к комьюнити

Что это: Завершающий экран рич-контента, который работает не на разовую покупку, а на удержание и лояльность. Если все предыдущие карточки вели к кнопке “В корзину”, то эта говорит: “купил — не уходи, оставайся с нами”. Это переход от транзакции к отношениям.

UX-решения:

• Эмоциональный триггер “удивление”: модель с открытым ртом, широко раскрытыми глазами. Это не случайная эмоция — это визуальная метафора “вау-эффекта”. Покупательница проецирует: “я тоже так удивлюсь, когда увижу результат”. Это работает сильнее, чем улыбка (которая уже была в блоках ДО/ПОСЛЕ)
• Синий фон — разрыв паттерна: все предыдущие карточки были светлыми (белый, голубой, природные тона). Здесь — глубокий синий VOIS. Это визуальный “стоп-сигнал”: внимание, здесь важная информация. Глаз автоматически цепляется за контраст
• Продукт в руке модели — финальный акцент на бренде. После всех объяснений (состав, текстура, применение) мы показываем: “вот что ты покупаешь”. Это якорение образа продукта в памяти
• CTA “Оставайся с VOIS” — не “купи”, а “останься”. Это смена фрейма: мы не продаём, мы приглашаем в клуб. Для аудитории 18-35 лет (ЦА VOIS) это работает лучше, чем агрессивный sales-тон
• “Жми на логотип” — конкретное действие. Не абстрактное “подпишись”, а физическое действие с понятным результатом. Это снижает трение: пользователь знает, что делать
• Текст “Новинки, инсайды, бьюти-секреты” — три крючка для разных мотиваций:
  • “Новинки” — для тех, кто любит быть в курсе
  • “Инсайды” — для тех, кто хочет чувствовать себя избранным
  • “Бьюти-секреты” — для тех, кто ищет экспертный контент
• “Уход подстраивается под твой ритм, а не наоборот” — это не просто слоган, это позиционирование бренда. VOIS не диктует правила (“мажь 3 раза в день строго по инструкции”), а адаптируется. Это важно для аудитории, которая устала от сложных ритуалов

Влияние на конверсию:

• Работает на LTV (lifetime value): разовая покупка — это хорошо, но повторные покупки — лучше. Эта карточка закладывает основу для повторного взаимодействия: подписка, комьюнити, новости
• Снижает пост-покупочный диссонанс: после покупки пользователь часто сомневается (“а правильно ли я выбрал?”). Призыв “останься с нами” даёт ощущение: “я не один, есть поддержка, есть сообщество”
• “Жми на логотип” увеличивает вовлечённость: даже если пользователь не купил сейчас, он может кликнуть на логотип и попасть в соцсети/сайт VOIS. Это альтернативная конверсия: не продажа, но контакт с брендом
• Эмоция удивления запоминается: из всех карточек эта самая эмоциональная. Когда пользователь закроет OZON и будет вспоминать продукт, он вспомнит “ту девушку с удивлённым лицом и синим фоном”. Это якорение бренда
• Комьюнити как социальное доказательство: “стань частью комьюнити” = “другие уже здесь, ты тоже можешь”. Это работает на FOMO (fear of missing out) и принадлежность

Продуктовая логика: Эта карточка работает на послепокупочном этапе воронки. Все предыдущие экраны вели к решению “купить”, а этот говорит: “купил — отлично, но это не конец, это начало”. Для маркетплейса это критично: OZON не даёт инструментов для удержания (email-рассылки, программы лояльности), поэтому рич-контент — единственный канал, где можно заложить основу для повторного взаимодействия. Без этой карточки пользователь покупает и забывает. С ней — он помнит бренд, подписывается, возвращается. Это не просто “красивая картинка в конце”, это стратегический элемент, который работает на метрики повторных покупок и LTV.

Карточка «ВАЖНО!» — управление ожиданиями и честное предупреждение

Что это: Самый смелый и нестандартный экран рич-контента, который делает то, что редко кто делает на маркетплейсах — честно предупреждает о возможном временном ухудшении. Это не маркетинговый ход, а забота о пользователе и защита бренда от негативных отзывов.

UX-решения:

• Формат “заметки на стикере” — визуальная метафора личного сообщения. Это не официальное предупреждение от бренда, это “записка от подруги”: “слушай, важно, прочитай”. Розовый стикер на синем фоне — максимальный контраст, глаз не может не зацепиться
• Заголовок “ВАЖНО!” капсом — триггер внимания. В потоке маркетинговых сообщений (“купи”, “скидка”, “результат”) слово “ВАЖНО” выделяется. Это не продажа, это предупреждение — и это парадоксально привлекает больше внимания
• Честное признание “может привести к появлению новых воспалений” — это смелость. Большинство брендов скрывают побочные эффекты. VOIS говорит прямо: “да, может стать хуже, прежде чем станет лучше”. Это работает на доверие сильнее, чем любые обещания
• Объяснение механизма: “компоненты активизируют процесс обновления кожи” — это не просто “потерпи”, это научное обоснование. Пользовательница понимает: “ага, это не крем плохой, это кожа обновляется”. Смена фрейма с “продукт вредит” на “продукт работает”
• Синий текст “Это временный процесс” — визуальный акцент на ключевом сообщении. Пока всё остальное чёрное, эта фраза выделена цветом бренда. Это якорь: “временный, временный, временный”
• Розовая кнопка с сердечком “Продолжайте уход — и вскоре вы увидите заметное улучшение” — позитивный финал после тревожного предупреждения. Сердечко = забота, не продажа. Формулировка “продолжайте” = “не бросайте, мы с вами”
• Модель с рукой у лица — защитный жест, уязвимость. Это не улыбающаяся модель из блоков ДО/ПОСЛЕ, это человек, который сомневается, переживает. Эмпатия в визуале

Влияние на конверсию:

• Снижает процент возвратов: главная причина возвратов уходовой косметики с активными ингредиентами — “мне стало хуже, я возвращаю”. Когда пользователь предупреждён, он не паникует, не возвращает, а продолжает использовать. Это прямая экономия для бизнеса
• Уменьшает негативные отзывы: без этого экрана пользователь, у которого появились новые высыпания, пишет: “ужасный крем, стало хуже!”. С этим экраном он пишет: “да, первые две недели было обострение, но потом кожа очистилась”. Разница в рейтинге продукта колоссальная
• Честность = доверие = лояльность: парадоксально, но признание возможных проблем повышает доверие к бренду. Покупательница думает: “если они честны в этом, значит, и про результат не врут”
• Работает на удержание: кнопка “продолжайте уход” — это не просто текст, это инструкция. Пользовательница получает разрешение не бросать продукт при первых трудностях. Это повышает процент тех, кто доходит до результата (2-4 недели)
• Снижает когнитивный диссонанс после покупки: когда пользователь купил продукт и вдруг видит ухудшение — это стресс. Этот экран, увиденный ДО покупки, создаёт “иммунитет” к этому стрессу. Пользовательница уже знает: “ок, если будет хуже — это нормально”

Продуктовая логика: Это экран управления ожиданиями, который критически важен для продуктов с активными ингредиентами (салициловая кислота, ретинол, AHA/BHA). Без него бизнес теряет деньги на возвратах, негативных отзывах и потерянных клиентах. С ним — пользователи проходят через период purging (обострения) и получают результат, становятся лояльными, оставляют позитивные отзывы.

Это не просто “красивая карточка”, это инструмент снижения бизнес-рисков. На маркетплейсе, где отзывы и рейтинг решают всё, один негативный отзыв “стало хуже” может убить продажи. Этот экран — превентивная защита. И одновременно — проявление заботы о пользователе, что для аудитории VOIS (молодые девушки, заботящиеся о коже) важнее любых скидок.

Карточка «Состав — простым языком» — декодер INCI и философия прозрачности

Что это: Экран рич-контента, который работает на “продвинутый” сегмент аудитории — покупательниц, которые читают составы, гуглят INCI, спрашивают советы у нейросетей перед покупкой. Это не массовая аудитория, но именно она оставляет самые подробные отзывы, рекомендует продукт подругам и становится ядром комьюнити бренда.

UX-решения:

• Заголовок “Состав – простым языком” — прямое обещание. Не “наш уникальный состав”, не “инновационная формула”, а “мы объясним просто”. Это снимает страх “я не разберусь в этих химических названиях”
• Синяя плашка со стрелкой к упаковке — визуальная связь между сообщением и доказательством. “Функция каждого компонента уже есть на упаковке” → стрелка → вот коробка, где это реально написано. Это не обещание, это факт, который можно проверить
• Декодер INCI на коробке — ключевой визуальный элемент. Покупательница видит: каждый ингредиент (aqua, glycerin, niacinamide…) имеет русскую расшифровку справа (растворитель, увлажнитель, восстановитель…). Это уникальная фишка упаковки, которую конкуренты не делают
• Два пункта с вертикальными синими линиями — сканируемая структура:
  • “Больше не придётся искать расшифровку в интернете” — закрывает боль “я трачу 20 минут, гугля каждый компонент”
  • “Спрашивать совета у нейросети” — актуальный триггер 2026 года. Бренд показывает: “мы в курсе, что вы делаете, мы это упростили”
• Рукописная фраза “Мы – за прозрачность” с сердечком — эмоциональный якорь. Пока всё остальное рационально (списки, стрелки, факты), здесь — человеческое послание. Сердечко = искренность, не корпоративный тон
• Рука с мазком крема держит коробку — тактильность + продукт + упаковка в одном кадре. Это не просто “коробка на белом фоне”, это “вот продукт в руках, вот крем на коже, вот состав”. Три уровня восприятия сразу
• Светлый фон — контраст с предыдущей карточкой (тёмно-синий с розовым стикером). Визуальная разгрузка после эмоционального экрана “ВАЖНО!”

Влияние на конверсию:

• Работает на “экспертный” сегмент: это 15-20% аудитории, но они самые влиятельные. Они пишут развёрнутые отзывы, снимают распаковки, рекомендуют подругам. Если убедить их — они приведут остальных
• Уникальное преимущество упаковки: декодер INCI прямо на коробке — это то, что нельзя скопировать текстом в описании. Это физическое доказательство прозрачности, которое видит каждый, кто получит продукт. Это работает на повторные покупки и сарафанное радио
• Снимает барьер “я не разбираюсь в составах”: многие хотят покупать “правильную” косметику, но не понимают INCI. Когда бренд говорит “мы уже всё расшифровали”, это снимает чувство некомпетентности и повышает уверенность в покупке
• Актуальный триггер “нейросеть”: упоминание нейросети показывает, что бренд понимает современное поведение покупателей. Это создаёт ощущение “они свои, они в теме”
• Прозрачность = доверие = лояльность: когда бренд ничего не скрывает (полный состав с расшифровкой на упаковке), это воспринимается как уверенность в продукте. Покупательница думает: “если бы там было что-то плохое, они бы не написали”

Продуктовая логика: Эта карточка работает на двух уровнях:

1. До покупки — убеждает “продвинутую” аудиторию, что бренд честный, прозрачный, заботится о том, чтобы пользователь понимал, что наносит на кожу. Это повышает конверсию у сегмента, который обычно долго сомневается и сравнивает составы с конкурентами
2. После покупки — когда пользователь получает коробку и видит декодер INCI, это создаёт “вау-эффект”. Он не ожидал, что на упаковке будет такая подробная расшифровка. Это превышает ожидания → позитивный отзыв → рекомендация подругам

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

Rich Content: Ключевой инструмент конверсии на Ozon

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

Главная сила rich content на маркетплейсе — в его системности. Каждая карточка закрывает конкретное возражение или потребность: главная обложка квалифицирует аудиторию, блоки «ДО/ПОСЛЕ» дают социальное доказательство, объяснение состава работает на доверие, а практические инструкции снижают тревожность использования. Это не хаотичный набор изображений, а продуманная UX-система, где каждый экран выполняет свою роль в конверсии.

Для Ozon rich content — это конкурентное преимущество, которое напрямую влияет на ранжирование. Алгоритмы маркетплейса отдают предпочтение карточкам с полным и качественным контентом: они дольше удерживают внимание, снижают процент отказов и повышают время на странице. Всё это сигналы для алгоритма, что карточка релевантна и полезна, что ведёт к более высоким позициям в выдаче.

Rich Content также решает проблему масштабируемости. Созданная дизайн-система с модульными блоками позволяет быстро адаптировать контент под разные продукты линейки, сохраняя бренд-консистентность. Для селлера это означает ускорение вывода новинок на маркетплейс и экономию на производстве контента, а для покупателя — узнаваемый и предсказуемый опыт взаимодействия с брендом.

«1 месяц на тест» — управление ожиданиями

Реалистичный таймлайн: Показывает, что первые результаты появятся через 2 недели, полный курс — 1 месяц

Управление ожиданиями: Честно предупреждает, что это не мгновенный результат, а процесс лечения

Снижение тревожности: Даёт чёткие временные рамки, чтобы клиент не бросил использование раньше времени

«ДО» — проблемы кожи

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

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

Эмоциональная цитата: «Постоянно появляются высыпания» передаёт хронический характер проблемы и усиливает потребность в решении.

Квалификационный фильтр: Отсеивает нецелевую аудиторию и подготавливает тех, у кого есть эти проблемы, к восприятию доказательства эффективности «ПОСЛЕ».

«Состав — простым языком» — расшифровка ингредиентов

Простая расшифровка состава: Объясняет функции ключевых компонентов (Аллантоин, Салициловая кислота, Ниацинамид) доступным языком, без сложных химических терминов.

Визуальные иконки-метафоры: Щит (защита), капля (очищение), поры (восстановление) помогают запомнить функцию каждого ингредиента даже без чтения текста.

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

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

«Невесомая текстура» — сенсорные свойства и применение

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

Сканируемые свойства с иконками: Четыре ключевых преимущества (не забивает поры, не скатывается и др.) оформлены в виде списка с понятными визуальными метафорами для быстрого считывания.

Минималистичная инструкция: Пошаговый способ применения из двух шагов снижает когнитивную нагрузку и убирает страх «сложного ухода».

Расширение сценариев использования: Плашка «Подходит как основа под макияж» привлекает дополнительный сегмент аудитории и показывает универсальность продукта в утреннем ритуале.

«До/После» — доказательство эффективности с метрикой

Конкретная метрика 78%: Цифра «78% отметили улучшение микрорельефа» работает как социальное доказательство — конкретика вызывает больше доверия, чем абстрактные обещания «улучшает кожу».

Сноска о методологии: Указание «по результатам опроса фокус-группы» добавляет прозрачности и защищает от претензий, показывая, что данные не выдуманы.

Эмоциональный контраст: Серьёзное лицо ДО сменяется улыбкой ПОСЛЕ — это не просто визуальное изменение, а эмоциональный триггер «я тоже так хочу», который усиливает желание купить.

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

«Оставайся с VOIS» — финальный CTA и удержание

Фокус на LTV и удержании: Смена парадигмы с разовой продажи на построение долгосрочных отношений. Призыв «Оставайся» формирует лояльность и настраивает на повторные покупки, а не просто закрывает сделку.

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

Ценность за пределами продукта: Предложение «инсайдов и бьюти-секретов» дает рациональную причину взаимодействовать с брендом (подписаться, следить), даже если покупка не нужна прямо сейчас.

Навигационный CTA: Кнопка «Смотреть каталог» направляет уже прогретого пользователя на изучение всей линейки, увеличивая шанс кросс-сейла и повышая средний чек.

Вывод

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

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

---

Контакты

Telegram: @Mansurov_UX

Почта: support@vector30.com

Портфолио: ozon-walberies