(function () { var style = document.createElement('style'); style.textContent = ` .anim-ready { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; } .anim-ready.anim-visible { opacity: 1; transform: translateY(0); } `; document.head.appendChild(style); function initObserver() { // Целевые элементы внутри Zero Block var targets = document.querySelectorAll( '.t-records .t-rec, .tn-elem' ); if (!targets.length) return; var observer = new IntersectionObserver( function (entries) { entries.forEach(function (entry, i) { if (entry.isIntersecting) { // Задержка каскадом для нескольких элементов var delay = (i % 6) * 100; setTimeout(function () { entry.target.classList.add('anim-visible'); }, delay); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' } ); targets.forEach(function (el) { el.classList.add('anim-ready'); observer.observe(el); }); } // Запуск после загрузки Tilda if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initObserver); } else { setTimeout(initObserver, 300); } // Также цепляем на навигацию между страницами Tilda document.addEventListener('tildaFetchPageComplete', function () { setTimeout(initObserver, 300); }); })();
меню
Открыт для новых проектов
Кейсы
Этапы работы
Услуги и стоимость
Обо мне
Мой блог
EN
Telegram
Whats App
Обсудить проект
Мысли разработчика
Предлагаю заполнить небольшую форму
2025
Платформа для онлайн-школы
ОЛИМП-ПЛЮС
Ux/ui
дизайн
user flow
Аналитика
Стратегия
Менеджмент
О проекте
Как я спроектировал и разработал платформу для онлайн-школы превратив сложный функционал покупки курсов и записи на занятия в интуитивно понятный путь пользователя.
Задачи
Спроектировать и запустить платформу онлайн-школы, которая закрывает полный сценарий пользователя:
01
Создать логичный и понятный путь пользователя от регистрации до покупки обучения
02
Спроектировать сложную систему с множеством сценариев в интерфейс, понятный даже ребенку
Зона ответственности
  • Моя роль: 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%.
Мы добились этого, превратив технические экраны в эффективные точки удержания и монетизации
Спасибо за внимание!
Максим Борисов
Связаться со мной