Дизайн образовательной платформы

Клиент: mosdigitals.ru
Задача: Сделать онлайн-платформу, на которой юристы реально могут учиться — удобно, без хаоса и с продуманной логикой для всех: слушателей, кураторов и админов.
Ключевой фокус: интерфейс + UX-исследования = валидируем гипотезы до старта разработки.

С чего начали

1. Архитектура и сценарии:
Разобрали роли и задачи — что нужно видеть и делать каждому типу пользователя.
2. Прототипы и тесты:
Интерактивные макеты, UX-тесты, фидбек → переделали, где проваливалась навигация.
Итог: интерфейс строился не по вдохновению, а на данных.

Дизайн-система и UI Kit

Цвета и темы:
Светлая и тёмная — обе читаемые, с учётом WCAG.
UI Kit:
Все состояния компонентов прописаны: кнопки, формы, списки и т.д.
Выгода: фронтам проще собирать, всё согласовано и масштабируется без боли.

Личные кабинеты

Слушатель:

• Прогресс по курсам
• Чат с кураторами и одногруппниками
• Занятия и достижения

Админ:

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

Кураторы и преподаватели:
Те же фичи, но в рамках своих прав — без доступа туда, куда не нужно.

Бизнес-логика

Куратор: проверка ДЗ, расписание, чат с группой

• Контекстные состояния страниц: от "сдал ДЗ" до "ждёт проверки" — ничего не теряется
• Работа в 4 разрешениях: десктоп, ноутбук, планшет, смартфон — всё отрисовано и проверено

Интерфейс под реальную работу

Дашборды с нужной инфой без кликов по 10 вкладкам

• Чат встроен — не нужно прыгать между платформами
• Уведомления и прогресс — всегда понятно, что происходит

Конкретные результаты

13 000+ слушателей и 35 программ — платформа реально работает

• Вошли в ИТ-кластер Сколково и реестр ПО — да, это уже серьёзный EdTech
• Гибкая разработка: UI Kit + дизайн-система = быстрые правки, масштабирование без бардака

Вывод

Образовательная платформа — это не просто «видеоуроки и кнопка "пройти"». Это сложная система с разными ролями, сценариями и UX-решениями. Мы всё это проработали и запустили MVP, который сейчас держит тысячи пользователей.

Если вам нужна платформа, которая будет выдерживать десятки тысяч учеников — поможем. Оставьте заявку, расскажем, как не совершить популярные ошибки и спроектировать правильно.