ПРОДУКТОВЫЙ ДИЗАЙНЕР

Figma

tilda

miro

яндекс.метрика

chatgpt

midjourney

recraft

deepseek

jira

planfix

trello

ПРОДУКТОВЫЕ СЦЕНАРИИ

UX-ИССЛЕДОВАНИЯ

РАБОТА С АНАЛИТИКОЙ

МЕТРИКИ

ЗАЩИТА РЕШЕНИЙ

работа с ограничениями

Английский язык B2

ТЕСТИРОВАНИЕ

ВИЗУАЛЬНЫЙ ДИЗАЙН

ДОКУМЕНТАЦИЯ

ВНЕДРЕНИЕ И ПРОВЕРКА

АНАЛИЗ РЕЗУЛЬТАТОВ

ПОНИМАНИЕ ЗАДАЧИ

ИССЛЕДОВАНИЕ

ПРОТОТИПИРОВАНИЕ

+7(909)203-00-03

редизайн главной страницы платформы онлайн-обучения

контекст

Нетология — одна из ведущих российских платформ онлайн-обучения, 200+ платных программ. Специализируется на переподготовке и повышении квалификации в сфере IT-профессий. B2C / B2B / B2G

Платформа объединяет десятки продуктов и сценариев, при этом главная страница — это точка входа для пользователей с разным уровнем осознанности: от «просто посмотреть» до «я уже готов купить»

задача

Повысить коммерческую эффективность главной страницы платформы онлайн-обучения

исследования и проблематика

В версии страницы до редизайна:

• первый блок не содержал целевых действий
• навигация строилась только через направления или абстрактные категории («Для новичков», «Для специалистов»)
• все пользователи попадали в один и тот же сценарий — через каталог
• прямые ссылки на страницы курсов были слишком глубоко — их не видели пользователи

В результате:

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

гипотеза

Если:

• сформулировать навигацию через намерения пользователя, а не через структуру продукта
• вынести целевые действия на первый экран
• создать прямые сценарии перехода на лендинги программ

то:

• пользователи быстрее будут попадать в релевантные сценарии
• увеличится количество «дорогих» действий
• вырастет общая ценность трафика с главной страницы

основная метрика

ограничения и вводные

проектирование решения

1. Перестройка первого экрана под пользовательские намерения

Мы сформулировали сценарии через цели пользователя:

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

Подняли сценарии, которые в предыдущей версии терялись:

• Магистратура и бакалавриат → страница высшего образования
• Корпоративное обучение → страница B2B-направления

2. Создание прямых сценариев с высокой бизнес-ценностью

Блок «Ранее вы интересовались»:

• персонализированные карточки программ
• переход сразу на лендинг конкретного курса

Блок «Наши популярные программы»

• две вкладки: Платные / Бесплатные
• переход сразу на лендинг конкретного курса

Эти блоки создали новые точки входа в платные сценарии, которых в предыдущей версии главной страницы не существовало.

тестирования

От прототипов к статистически значимым результатам

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

Этап 2 — A/B-тест на реальной аудитории
61 132 пользователя за 4 недели

результат

В новой версии ключевая метрика выросла в 2 раза

редизайн страницы каталога платформы онлайн-обучения

контекст

Нетология — одна из ведущих российских платформ онлайн-обучения, 200+ платных программ. Основана в 2011 год. Специализируется на переподготовке и повышении квалификации в сфере IT-профессий. B2C

задача

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

исследование и проблематика

Каталог — ключевая точка входа на лендинги продуктов. Прежде чем что-то менять провели комплексное исследование, чтобы выявить проблемы.

Результат: сформирован чёткий список проблем, подтверждённый цитатами, поведением пользователей и данными аналитики. Исследование стало основой для дальнейших гипотез и ТЗ

Каталог генерировал трафик, но:

• пользователям было сложно выбрать подходящий курс из большого списка похожих названий
• поиск работает не оптимально — не выдаёт подходящие по запросу страницы, при этом он акцентный
• карточки курсов не давали достаточной информации — пользователи часто уходили на страницы курсов, не понимая даже приблизительно подходит им курс или нет
• фильтры работали формально и не помогали сузить выбор

гипотеза

проектирование решения

Итеративное проектирование и UX-тестирования

1. Декомпозиция задачи: вместо «перерисовки» всего сразу, мы разбили работу на подзадачи
2. Проектирование и тест фильтров
3. Проектирование и тест карточки и листинга
4. Интеграция и финальный UX-тест, чтобы убедиться в целостности опыта

Подход позволил выявлять и фиксировать проблемы на ранних этапах, снижая риски провала итогового A/B-теста.

Основной фокус при проектирование был на улучшение качества трафика из каталога на страницу курса с помощью.

Ключевые продуктовые изменения:

• переработала фильтры
• усилила карточки курсов, добавив ключевые критерии выбора прямо в каталоге
• снизила количество шагов до понимания ценности курса
• внедрила историю просмотров в листинг продуктов

Решения принимались в связке с аналитикой и продуктом, с учётом ограничений платформы.

результат

За счет улучшения качества трафика из каталога на страницы курсов отметили рост монетизационных метрик

вывод

Мы сместили фокус с генерации кликов на генерацию осознанных лидов, что напрямую привело к росту монетизационных метрих. На ПК результат был особенно ярким: рост конверсии в оплату на 57%