Платформа дистанционного обучения с личными кабинетами слушателя и тьютора, а также с административной панелью для администраторов/модераторов школы
О проекте
Платформа уже существовала, но имела устаревший и перегруженный интерфейс. Нужно было сохранить структуру и основные разделы, создав удобные кабинеты и админ‑панель
Проблема
UX-прототипирование и проектирование пользовательских сценариев
Прототипирование
1
Исследование рынка и ключевых игроков в сфере EdTech. Анализ помог определить функциональный стандарт индустрии и сформировать уникальные решения, которые выделяют платформу на фоне конкурентов, сохраняя при этом привычный для пользователя паттерн поведения
Анализ конкурентов
2
Мы уделили внимание не только основным экранам, но и тому, как они выглядят в тёмном режиме. Переработали тени, контрасты, иконки и текстовые стили, чтобы тёмная тема не была «просто чёрной версией», а оставалась удобной и эстетичной
Цветовая система
3
Созданы два ключевых интерфейса: для слушателя и тьютора.
Слушатель может проходить обучение и отслеживать результаты в зачетной книжке. Тьютор получает доступ к проверке заданий и мониторингу прогресса обучающихся
Слушатель может проходить обучение и отслеживать результаты в зачетной книжке. Тьютор получает доступ к проверке заданий и мониторингу прогресса обучающихся
Функционал
4
Главный экран / Роль «Тьютор»
Главный экран / Роль «Слушатель»
Слушатель на платформе проходит курсы и выполняет задания, отслеживает свой прогресс (процент выполнения, список заданий). Имеет доступ к материалам курса, общается с тьютором и сдаёт работы прямо в системе. В личном кабинете слушатель видит отчёты о своих результатах
Роль «Слушатель»
5
Дисциплина
Профиль пользователя
Главная страница
Тьютор проверяет работы студентов — от отдельных заданий до дипломных проектов. Он может оставлять комментарии и замечания, а также выставлять статус проверки (например, принято, на доработку или отклонено). Тьютор взаимодействует с системой обратной связи — отвечает студенту и даёт рекомендации по исправлениям. Кроме того, у него есть панель с перечнем работ, где можно отслеживать прогресс и управлять проверками
Роль «Тьютор»
6
Дисциплина
Профиль пользователя
Группы
«Новости» — это единый информационный хаб образовательной платформы Moscow Business School. Здесь собраны все актуальные обновления: анонсы курсов, вебинары, события бизнес-клуба, а также новости школы и истории выпускников
Новости
7
Медиатека — это централизованная библиотека файлов, доступная тьюторам и студентам платформы. Здесь собраны учебные материалы разных форматов: видео, документы, презентации и другие ресурсы. Контент удобно структурирован по категориям и типам файлов для быстрого поиска
Медиатека
8
Разработаны два целевых интерфейса: слушатель получает доступ к обучению и зачетной книжке, тьютор — к проверке работ и мониторингу успеваемости слушателей. Административная панель вынесена отдельно и предоставляет полный контроль над платформой: от управления пользователями до аналитики и настроек
Результат
9
Интерфейс был перегружен лишними рамками и дублирующей навигацией. Устаревший стиль создавал лишний визуальный шум, делая процесс управления обучением тяжелым и интуитивно непонятным
До
Мы переработали архитектуру экранов. В результате получился чистый, функциональный инструмент, который снижает нагрузку на пользователя и помогает фокусироваться на главном
После
1
Адаптация
Интерфейс адаптирован под различные устройства и сценарии использования: десктоп, планшет и мобильные устройства с сохранением целостного пользовательского опыта
2
Ролевая модель
Спроектированы интерфейсы для ключевых ролей платформы — слушателя и тьютора с учётом различий в сценариях использования
3
Админ-панель
Разработана отдельная админ-панель для администраторов и модераторов с инструментами управления пользователями, контентом и учебными процессами
4
Редизайн
Проведён редизайн существующего решения: упрощена структура, устранена перегруженность интерфейса, улучшена навигация и читаемость