Основная цель — упростить путь пользователя от анализа кожи до покупки подходящих средств на маркетплейсах.
Перед запуском встали две ключевые задачи
1. Сделать понятный и эффективный лендинг для разных устройств.
2. Убедить пользователя, что онлайн-диагностика — это просто, безопасно и точно.
Цель проекта: увеличить количество пользователей, которые
1. Проходят онлайн-диагностику кожи
2. Получают рекомендации
3. Совершают покупку на маркетплейсе
Проблемы, которые нужно было решить:
Проблема 1: сервис MyDermCode работает только на мобильных устройствах, а трафик часто приходит с десктопа. Нужно было адаптировать лендинг так, чтобы десктопные пользователи могли быстро перейти в мобильный сервис (например, через QR-код).
Проблема 2: пользователи не понимали, как работает диагностика, и опасались, что их попросят сделать фото без объяснения зачем.
1. Сделать понятный и эффективный лендинг для разных устройств.
2. Убедить пользователя, что онлайн-диагностика — это просто, безопасно и точно.
Цель проекта: увеличить количество пользователей, которые
1. Проходят онлайн-диагностику кожи
2. Получают рекомендации
3. Совершают покупку на маркетплейсе
Проблемы, которые нужно было решить:
Проблема 1: сервис MyDermCode работает только на мобильных устройствах, а трафик часто приходит с десктопа. Нужно было адаптировать лендинг так, чтобы десктопные пользователи могли быстро перейти в мобильный сервис (например, через QR-код).
Проблема 2: пользователи не понимали, как работает диагностика, и опасались, что их попросят сделать фото без объяснения зачем.
Что было сделано
1. Адаптивный лендинг
Мы разработали лендинг, который меняется в зависимости от устройства:
2. Тестирование позиционирования сервиса
Провели A/B тестирование нескольких формулировок:
Победитель: «Онлайн-диагностика кожи за 2 минуты на основе искусственного интеллекта» — показала наилучшую кликабельность и конверсию.
3. Создание доверия через UX
Мы добавили на лендинг:
Методология UX-исследований
Перед запуском лендинга мы провели серию UX-исследований по модели “5-Second Test” + интервью по сценарию задачи. Это включало:
Результаты этих исследований легли в основу финального дизайна и текстов.
1. Адаптивный лендинг
Мы разработали лендинг, который меняется в зависимости от устройства:
- если пользователь заходит с компьютера, он видит QR-код для перехода в сервис на телефоне;
- если пользователь открывает страницу с телефона, он сразу получает кнопку для перехода в диагностику.
2. Тестирование позиционирования сервиса
Провели A/B тестирование нескольких формулировок:
- «Дерматолог в кармане»
- «Ваш персональный AI-ассистент»
- «Раскрой код своей кожи»
Победитель: «Онлайн-диагностика кожи за 2 минуты на основе искусственного интеллекта» — показала наилучшую кликабельность и конверсию.
3. Создание доверия через UX
Мы добавили на лендинг:
- Отзывы пользователей, уже прошедших диагностику
- Пошаговую инструкцию, показывающую, что нужно будет сделать
- Объяснение технологии: как AI анализирует кожу, что обучен на 16 000 фото, что используется 15 лет исследований, и что сервис умеет определять 7 состояний кожи
- Форма e-mail подписки и возможность оставить свой отзыв
Методология UX-исследований
Перед запуском лендинга мы провели серию UX-исследований по модели “5-Second Test” + интервью по сценарию задачи. Это включало:
- быструю демонстрацию первого экрана пользователям — чтобы выяснить, что они поняли за 5 секунд
- опрос по методу “think aloud” — пользователи проговаривали, как они понимают назначение сервиса
- A/B-тестирование формулировок CTA и заголовков
- анализ heatmaps и скролл-дептов после запуска
Результаты этих исследований легли в основу финального дизайна и текстов.
Результаты
Почему это сработало
Вывод
Грамотный UX, понятное позиционирование и адаптация под устройство — три кита, которые позволили L’Oréal значительно увеличить вовлеченность в digital-сервис. Этот кейс показывает, что в e-commerce важно не просто гнать трафик, а вести пользователя за руку до самого конца пути — от интереса к действию.
- Конверсия на прохождение диагностики выросла с 15% до 35%
- Общее количество пользователей: 500 000
- Это означает рост с 75 000 до 175 000 пользователей, прошедших диагностику — прирост +100 000 пользователей, или +133%
Почему это сработало
- Простой, адаптивный интерфейс, подстраивающийся под пользователя
- Сильное позиционирование, объясняющее ценность сервиса
- Прозрачность и пошаговая инструкция, которая снижает тревогу
- Эмоциональные социальные доказательства через реальные отзывы
- Подкрепление доверием к технологии и бренду
Вывод
Грамотный UX, понятное позиционирование и адаптация под устройство — три кита, которые позволили L’Oréal значительно увеличить вовлеченность в digital-сервис. Этот кейс показывает, что в e-commerce важно не просто гнать трафик, а вести пользователя за руку до самого конца пути — от интереса к действию.
