UX-исследование
Интервью с учениками и преподавателями, разбор сценариев обучения. Понимаю, где ученик бросает курс и что мешает вернуться.
EdTech · Online school
UX/UI дизайн онлайн-школы
Проектирую онлайн-школы и образовательные платформы: LMS, кабинеты учеников и преподавателей, каталог курсов, геймификацию, онбординг. UX-исследование, прототипы в Figma, дизайн-система, mobile-first. Не «курсы в таблице», а продуманный путь ученика от первого входа до устойчивой привычки учиться.
Роли и кабинеты
Отдельные интерфейсы для ученика, преподавателя и администратора. Каждый видит только свои функции и данные.
Геймификация и удержание
Баллы, уровни, достижения, прогресс-бары. Механики встроены в сценарии обучения и повышают доходимость до конца.
Онбординг и первый сценарий
Welcome-поток, который за первые минуты показывает ценность школы и доводит ученика до первого урока.
02 / Value
Что вы получаете
Что вы получаете
в цифрах.
В онлайн-школе UX решает: ученик либо возвращается к урокам сам, либо бросает на второй неделе. Хорошо спроектированная платформа удерживает, повышает доходимость и снижает нагрузку на поддержку и преподавателей.
Доходимость до конца
Прогресс-бары, короткие уроки и геймификация ведут ученика к завершению курса, а не к выходу на середине.
Возвращаемость в школу
Понятный онбординг, ценность первого урока и мягкие напоминания возвращают ученика в платформу.
Обращения в поддержку
Ясные статусы, подсказки и понятная навигация снимают типовые вопросы от учеников и преподавателей.
Недель на дизайн
Прототип ключевых сценариев — 3–5 дней. Полный дизайн (до 30–40 экранов) — 3–5 недель с адаптивом и дизайн-системой.
Показатели — обезличенные данные по завершённым проектам под NDA. Конкретный результат зависит от исходных данных и задач бизнеса.
03 / Deliverables
Что входит
Что входит
в проект.
Полный цикл UX/UI дизайна онлайн-школы — от интервью с учениками и преподавателями до handoff с дизайн-системой и гайдами.
UX-исследование
Интервью с учениками, преподавателями, администраторами. Разбираю сценарии обучения, точки отвала, ожидания разных типов учеников.
Ролевая модель и структура
Ученик, преподаватель, администратор. Кто что видит и делает. Логика платформы на уровне архитектуры интерфейса.
Прототип ключевых экранов
Кликабельный прототип: онбординг, каталог, страница курса, кабинет ученика, кабинет преподавателя, прогресс. Согласовываем до дизайна.
UI-дизайн и mobile-first
Дизайн всех экранов и состояний. Мобильная версия проектируется параллельно — большинство учеников учатся с телефонов.
Геймификация и онбординг
Прогресс-бары, баллы, достижения, рейтинги. Welcome-поток, который за первые минуты показывает ценность школы.
Дизайн-система и handoff
UI Kit, токены, компоненты уроков, заданий, прогресс-баров, кабинетов. Спецификация и гайды. Созвоны с командой и сопровождение внедрения.
04 / School logic
Логика школы
Логика школы
до дизайна.
Онлайн-школу легко превратить в набор курсов, которые никто не проходит. Задача — провести ученика от первого входа до устойчивой привычки учиться, а преподавателя — дать понятные инструменты без лишних кликов. Не «LMS с разделами», а путь развития внутри школы.
Что даёт проработка логики школы
-
Понятно, что показать на первом экране. Текущий курс, прогресс, следующий урок. Не «каталог всех курсов», а точка входа в обучение для ученика.
-
Роли не пересекаются. Ученик учится, преподаватель ведёт, администратор управляет. Каждый получает только то, что нужно для своей задачи.
-
Мотивация — часть дизайна. Прогресс-бары, достижения, микро-обучение, короткие уроки. Ученик видит ценность и возвращается за новыми.
-
Дизайн-система как фундамент. Компоненты уроков, заданий, тестов, прогресс-баров. Платформа растёт без фрагментации интерфейса.
Пример из практики: онлайн-школа с курсами по IT. Ученики записывались, но бросали на второй неделе — непонятно, что делать дальше и сколько осталось. Пересобрали логику: главный экран с текущим уроком и прогрессом, короткие модули по 5–10 минут, достижения за завершённые блоки. Доходимость выросла, школа получила больше повторных покупок.
05 / How I work
От сценариев
От сценариев
до передачи.
Прозрачный процесс UX/UI дизайна онлайн-школы с понятными этапами и 2 кругами правок на каждом шаге.
01
Исследование и интервью
Разговор с учениками, преподавателями, администраторами. Разбираю сценарии, точки отвала, ожидания. Строю CJM.
02
Прототип и структура
Прототип: онбординг, каталог, страница курса, кабинеты. Ролевая модель и приоритеты. Согласовываем логику до дизайна.
03
Дизайн и геймификация
Дизайн с акцентом на читаемость, мотивацию и вовлечённость. Прогресс-бары, достижения, микро-обучение, mobile-first.
04
Дизайн-система и передача
UI Kit, компоненты уроков, заданий, тестов. Спецификация и гайды. Сопровождаю внедрение и первые итерации.
06 / Cases
Результаты
Результаты
в цифрах.
Обезличенные кейсы по UX/UI дизайну онлайн-школ. Названия компаний под NDA, логика задачи и результат — реальные.
Онлайн-школа, IT-курсы
+0
%
доходимость до конца
Задача: ученики бросали курсы на второй неделе — непонятно, что делать дальше и сколько осталось. Решение: главный экран с текущим уроком и прогрессом, короткие модули по 5–10 минут, достижения за блоки. Результат: доходимость выросла на 35%, школа получила больше повторных покупок.
Онлайн-школа, языки
−0
%
обращения в поддержку
Задача: ученики и преподаватели не понимали, как записаться на урок, где материалы и как посмотреть прогресс. Решение: спроектировали понятные кабинеты, ясные статусы и быстрые действия на главном экране. Результат: нагрузка на поддержку снизилась на треть.
B2B-школа, корпоративное обучение
+0
%
вовлечённость сотрудников
Задача: сотрудники проходили курсы «для галочки», доходимость падала. Решение: пересобрали главный экран, добавили роадмап, короткие модули и мотивационные элементы. Результат: вовлечённость выросла, программы стали интереснее для сотрудников.
07 / Self-service
Что подготовить
Что подготовить
для старта.
Минимум, чтобы начать работу над UX/UI онлайн-школы. Если чего-то нет — разберёмся вместе на этапе исследования.
Цель школы
B2C, B2B, микрообучение, длинные программы, корпоративное обучение. От цели зависят роли и приоритеты.
Роли и сценарии
Ученик, преподаватель, администратор. Кто что делает в школе и какие данные видит.
Форматы обучения
Видео, тексты, тесты, вебинары, чаты. Даже короткий список подойдёт — структуру соберём вместе.
Бренд школы
Логотип, палитра, шрифты, визуальный язык. Если стиля нет — предложу визуальный язык под нишу и аудиторию.
Часто бывает
- Школа есть, но ученики бросают курсы — начнём с интервью и прототипа главного экрана
- Нет аналитики по доходимости — соберём гипотезы по сценариям и проверим на прототипе
- Нужен запуск под инвесторов — спроектируем ключевые экраны за 3–5 недель
Нет чёткого ТЗ и контента? Это нормально. Пришлите описание школы и цель — структуру и приоритеты соберём вместе. У большинства клиентов понятный план платформы складывается уже на этапе прототипа.
Обсудить проект
08 / FAQ
Частые вопросы
Частые вопросы
про онлайн-школу.
Стоимость, сроки, экраны, геймификация и мобильная адаптация.
Что входит в UX/UI дизайн онлайн-школы?
UX-исследование и интервью с учениками и преподавателями, проектирование ролевой модели, сценариев обучения, прототипирование, дизайн экранов LMS, кабинета ученика и преподавателя, каталога курсов, геймификации, онбординга, дизайн-система, mobile-first.
Сколько стоит UX/UI дизайн онлайн-школы?
Цена зависит от объёма. Базовый дизайн (до 20 экранов) — от 70 000 ₽, полноценная платформа с геймификацией и несколькими ролями — от 140 000 ₽. Точную стоимость после брифа.
Как долго проектируется онлайн-школа?
Прототип ключевых сценариев — 3–5 дней. Полный дизайн (до 30–40 экранов) — от 3 до 5 недель с адаптивом, состояниями и дизайн-системой.
Какие экраны обычно входят в дизайн онлайн-школы?
Главная, каталог курсов, страница курса, кабинет ученика, кабинет преподавателя, прогресс и достижения, тесты и задания, онбординг, настройки и админ-панель.
Как геймификация помогает удерживать учеников?
Прогресс-бары, баллы, достижения и уровни повышают мотивацию и доходимость до конца курса. Проектирую механики, встроенные в реальные сценарии обучения, а не поверх них.
Адаптируется ли дизайн под мобильные устройства?
Да, я проектирую mobile-first: большинство учеников учатся с телефонов и планшетов. Дизайн-система с токенами упрощает поддержку всех платформ.
09 / Related
Что заказывают
Что заказывают
вместе.
Услуги, которые часто идут в связке с UX/UI дизайном онлайн-школы. Можно брать отдельно или комбинировать.
UI/UX Design
UI/UX дизайн интерфейсов
Проектирование сложных интерфейсов и продуктов.
UI/UX дизайн
Mobile Apps
Мобильные приложения
Проектирование и дизайн приложений для iOS и Android.
Mobile Apps
UI/UX Audit
UX-аудит интерфейсов
Экспертиза UX, поиск точек отвала и рекомендации.
UX-аудит
No-code
No-code разработка
Сборка MVP и прототипов на Tilda, Webflow, Bubble.
No-code разработка
10 / Why me
Почему выбирают
Почему выбирают
меня.
Не потому что «быстро и недорого» — это есть у всех. А потому что с первого созвона понятно: я думаю про роли, сценарии и удержание, а не про «нарисовать LMS».
Типичный исполнитель
- Рисует экраны по шаблону
- Не думает про роли и вовлечённость
- Не проектирует онбординг и прогресс
- Сдал макеты — пропал
- Ведёт 5+ проектов одновременно
Продуктовый UX/UI дизайнер
- Начинаю с интервью и CJM по ролям
- Проектирую под удержание и доходимость
- Раскладываю геймификацию по сценариям
- Прототип до дизайна — логика кликается
- Веду 2–3 проекта за раз, не больше
Let's talk
Нужна школа,
Нужна школа,
в которую возвращаются?
Разберёмся со сценариями и ролями — и спроектируем платформу, которая удерживает учеников, повышает доходимость и разгружает преподавателей.
11 / Related queries
Другие направления
Другие направления
EdTech.
Часто ищут в дизайне для EdTech — соседние услуги и направления. Переходите, чтобы посмотреть детали и примеры.
дизайн для edtech
дизайн онлайн-школы
ui ux дизайн для edtech
дизайн lms платформы
дизайн личного кабинета ученика
геймификация в образовании
онбординг новых учащихся
лендинг для онлайн-школы
мобильное приложение для edtech
аудит ux образовательной платформы
редизайн онлайн-школы
презентация для edtech стартапа
no-code edtech mvp
ai в edtech дизайн
дизайн для edtech компаний
проектирование edtech продуктов
дизайн для онлайн курсов
дизайн для детского edtech
b2b edtech дизайн
UX/UI дизайн онлайн-школы: платформа, в которую возвращаются ученики
Онлайн-школа — это не просто набор курсов. Это платформа, где ученики проходят обучение, отслеживают прогресс, взаимодействуют с преподавателями и остаются мотивированными. Как продуктовый дизайнер, я начинаю с UX-исследования: интервью с учениками и преподавателями, разбора сценариев обучения, построения CJM и поиска точек отвала. На этой основе проектирую путь ученика от первого входа до устойчивой привычки учиться.
Дальше — прототипы ключевых экранов: онбординг, каталог курсов, страница курса, кабинет ученика, кабинет преподавателя, прогресс, тесты и задания. Согласовываем логику до дизайна, чтобы не переделывать финальные макеты. В дизайне опираюсь на mobile-first, читаемость и вовлечённость: прогресс-бары, геймификация, короткие модули, понятный онбординг. Финалом передаю макеты в Figma с дизайн-системой, токенами, спецификацией и гайдами. Работаю с онлайн-школами, корпоративными университетами и EdTech-командами в России и за рубежом.
Проектируете онлайн-школу и хотите начать с UX? Давайте обсудим сценарии и цели — переходите на страницу контактов.
Информация на странице носит справочный характер
Цены, сроки и объёмы работ, указанные на этой странице, являются ориентировочными и не являются публичной офертой, определяемой положениями статьи 437 Гражданского кодекса РФ. Точные условия по конкретному проекту фиксируются в договоре или счёте после обсуждения задачи. Показатели в блоках результатов — обезличенные данные по завершённым проектам под NDA, конкретный результат зависит от исходных данных и задач бизнеса.