Онлайн-диагностика кожи: как мы увеличили конверсию на 133% с помощью лендинга и UX

Перед запуском встали две ключевые задачи

1. Сделать понятный и эффективный лендинг для разных устройств.
2. Убедить пользователя, что онлайн-диагностика — это просто, безопасно и точно.

Цель проекта: увеличить количество пользователей, которые

1. Проходят онлайн-диагностику кожи
2. Получают рекомендации
3. Совершают покупку на маркетплейсе

Проблемы, которые нужно было решить:

Проблема 1: сервис MyDermCode работает только на мобильных устройствах, а трафик часто приходит с десктопа. Нужно было адаптировать лендинг так, чтобы десктопные пользователи могли быстро перейти в мобильный сервис (например, через QR-код).

Проблема 2: пользователи не понимали, как работает диагностика, и опасались, что их попросят сделать фото без объяснения зачем.

Что было сделано

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 и скролл-дептов после запуска

Результаты этих исследований легли в основу финального дизайна и текстов.

Результаты

• Конверсия на прохождение диагностики выросла с 15% до 35%
• Общее количество пользователей: 500 000
• Это означает рост с 75 000 до 175 000 пользователей, прошедших диагностику — прирост +100 000 пользователей, или +133%

Почему это сработало

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

Вывод

Грамотный UX, понятное позиционирование и адаптация под устройство — три кита, которые позволили L’Oréal значительно увеличить вовлеченность в digital-сервис. Этот кейс показывает, что в e-commerce важно не просто гнать трафик, а вести пользователя за руку до самого конца пути — от интереса к действию.