Платформа для онлайн-школы ОЛИМП-ПЛЮС

2025

Платформа для онлайн-школы
ОЛИМП-ПЛЮС

Ux/ui

дизайн

user flow

Аналитика

Стратегия

Менеджмент

О проекте

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

Задачи

Спроектировать и запустить платформу онлайн-школы, которая закрывает полный сценарий пользователя:

Создать логичный и понятный путь пользователя от регистрации до покупки обучения

Спроектировать сложную систему с множеством сценариев в интерфейс, понятный даже ребенку

Зона ответственности

Моя роль: UX/UI дизайнер и проджект-менеджмент
Команда: Фронтенд-разработчик, бекенд-разработчик, DevOps, маркетолог со стороны проекта и я :)

Моя роль: UX/UI дизайнер и проджект-менеджмент

Команда: Фронтенд-разработчик, бекенд-разработчик, DevOps, маркетолог

Начал с бенчмаркинга конкурентов

В рамках анализа конкурентов было изучено 10 онлайн-школ и платформ онлайн-обучения

Выводы после бенчмаркинга:

6/10 конкурентов использовали модель агрегатора, где пользователь сам ищет, выбирает и покупает контент без помощи менеджеров

Изучив конкурентов и паттерны детского UX, я выявил необходимость системы визуальных подсказок

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

Определил UserFlow & IA

Перед проектированием макетов, я сделал сценарии пользовательских путей, чтобы удостовериться за какое количество шагов пользователи будут решать свои проблемы/задачи и в отсутствии тупиковых сценариев. Благодаря этому, еще до проектирования макетов, мы смогли понять, что движемся в нужном векторе

Лоу-файное проектирование

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

Юзабилити тесты и интервью

Я провел серию тестов по заданным сценариям с респондентами разных возрастов [дети 8-16 лет], чтобы оценить интуитивность интерфейса. Это помогло обнаружить этапы, на которых пользователи теряли фокус, и оперативно оптимизировать флоу.

Выводы:

Визуальная навигация:

Использование иконок для категорий занятий может сократить время поиска и сделать интерфейс интуитивно понятным для детей

Избыточность выбора:

Тесты показали, что перегруженность интерфейса отталкивает пользователей. Сложные фильтры создавали высокий порог входа и напрямую снижали конверсию в запись.

UI kit

Для обеспечения единства интерфейса и ускорения запуска новых фич, я разработал UI kit. Это ускорило сборку новых экранов и исключило визуальные баги на верстке

Hi-Fi дизайн

Трансформация вайрфреймов в финальный продукт. Отрисовано 50+ экранов с полной проработкой состояний. Особый упор сделан на Визуальную иерархию, чтобы фокус пользователя всегда оставался на целевом действии — записи на урок или начале занятия.

Итоги

За 6 месяцев мы прошли путь от гипотез до работающего продукта, который уже приносит прибыль.

Победа над сложностью:

У меня получилось упаковать громоздкую структуру LMS в легкий мобильный интерфейс, понятный даже для 7-летнего ребенка

Масштабируемость проекта:

Благодаря логичной структуре разделов, любое расширение функционала происходит бесшовно, сохраняя визуальную целостность и единообразие интерфейса.

Бизнес-результат:

Главным достижением стал рост LTV пользователя на +18.5%.
Мы добились этого, превратив технические экраны в эффективные точки удержания и монетизации

Спасибо за внимание!

Максим Борисов

Связаться со мной