редизайн главной страницы платформы онлайн-обучения
в 2 раза УВЕЛИЧИЛИ взвешенную конверсию главной страницы с помощью частичного редизайна
контекст
Нетология — одна из ведущих российских платформ онлайн-обучения, 200+ платных программ. Основана в 2011 год. Специализируется на переподготовке и повышении квалификации в сфере IT-профессий. B2C, есть направления B2B и B2G
задача
Повысить коммерческую эффективность главной страницы платформы онлайн-обучения
команда
Продакт-менеджер
Продуктовый дизайнер
Редактор
Аналитик данных
ML-инженер
Backend-разработчик
Frontend-разработчик
QA-инженер
чем я занималась 
  • проведение качественного исследования и презентация результатов команде
  • анализ конкурентов и бенчмаркинг
  • проектирование пользовательских сценариев
  • проектирование интерфейса, UX/UI
проблематика и исследования
В предыдущей версии страницы:
  • первый блок не содержал целевых действий
  • навигация строилась только через направления или абстрактные категории («Для новичков», «Для специалистов»)
  • все пользователи попадали в один и тот же сценарий — через каталог
  • прямые ссылки на страницы курсов были слишком глубоко — их не видели пользователи

В результате:
  • пользователи тратили время на интерпретацию структуры продукта
  • не учитывались различия сегментов пользователей главной страницы
  • «дорогие» сценарии (платные программы, консультации) находились слишком глубоко
  • бизнес-метрики главной страницы были занижены
гипотеза
Если:
  • сформулировать навигацию через намерения пользователя, а не через структуру продукта
  • вынести целевые действия на первый экран
  • создать прямые сценарии перехода на лендинги программ

то:
  • пользователи быстрее будут попадать в релевантные сценарии
  • увеличится количество «дорогих» действий
  • вырастет общая ценность трафика с главной страницы
основная метрика
Взвешенная конверсия
Мы использовали взвешенную конверсию — метрику, учитывающую бизнес-ценность разных действий.

Пример весов:
  • переход в каталог — низкий вес
  • бесплатные продукты — средний
  • платные программы и консультации — максимальный
ограничения и вводные
  1. Главная должна эффективно работать для разных сегментов пользователей
  2. Нельзя менять продуктовую линейку и ценовую политику
  3. Высокая нагрузка со стороны маркетинга (акции, спецпредложения, согласование УТП)
  4. Ограниченный ресурс разработки
  5. Сжатые сроки
  6. Отсутствие дизайн-системы и UI-кита
проектирование решения
1. Перестройка первого экрана под пользовательские намерения

Мы сформулировали сценарии через цели пользователя:
  • Освоить профессию → каталог с выдачей программ с профессиями
  • Освоить навык → каталогс выдачей программ с курсами
  • Определиться с профессией → страница с профориентацией

Подняли сценарии, которые в предыдущей версии терялись
  • Магистратура и бакалавриат → страница высшего образования
  • Корпоративное обучение → страница b2b-направление
2. Создание прямых сценариев с высокой бизнес-ценностью

Блок «Ранее вы интересовались»:
  • персонализированные карточки программ
  • переход сразу на лендинг конкретного курса

Блок «Наши популярные программы»
  • две вкладки: Платные / Бесплатные
  • переход сразу на лендинг конкретного курса
тестирования
От прототипов к статистически значимым результатам

Этап 1 — Проверка концепции
Провели юзабилити-тесты десктопной и мобильной версий с разными сегментами пользователей. По результатам внесли правки в макеты

Этап 2 — A/B-тест на реальной аудитории
61 132 пользователя за 4 недели
результат
В новой версии ключевая метрика выросла в 2 раза
+100%
взвешенная конверсия
+114%
переходов на страницы курсов
+50%
переходов в каталог
+16%
конверсия в заявку на консультацию
Made on
Tilda