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