Дизайн образовательной платформы
Клиент: mosdigitals.ru
Задача: Сделать онлайн-платформу, на которой юристы реально могут учиться — удобно, без хаоса и с продуманной логикой для всех: слушателей, кураторов и админов.
Ключевой фокус: интерфейс + UX-исследования = валидируем гипотезы до старта разработки.
С чего начали
1. Архитектура и сценарии:
Разобрали роли и задачи — что нужно видеть и делать каждому типу пользователя.
2. Прототипы и тесты:
Интерактивные макеты, UX-тесты, фидбек → переделали, где проваливалась навигация.
Итог: интерфейс строился не по вдохновению, а на данных.
Дизайн-система и UI Kit
Цвета и темы:
Светлая и тёмная — обе читаемые, с учётом WCAG.
UI Kit:
Все состояния компонентов прописаны: кнопки, формы, списки и т.д.
Выгода: фронтам проще собирать, всё согласовано и масштабируется без боли.
Личные кабинеты
Слушатель:
Прогресс по курсам
Чат с кураторами и одногруппниками
Занятия и достижения
Админ:
Управление курсами, группами, пользователями
Полная адаптация под любое устройство
Кураторы и преподаватели:
Те же фичи, но в рамках своих прав — без доступа туда, куда не нужно.
Бизнес-логика
Куратор: проверка ДЗ, расписание, чат с группой
Контекстные состояния страниц: от "сдал ДЗ" до "ждёт проверки" — ничего не теряется
Работа в 4 разрешениях: десктоп, ноутбук, планшет, смартфон — всё отрисовано и проверено
Интерфейс под реальную работу
Дашборды с нужной инфой без кликов по 10 вкладкам
Чат встроен — не нужно прыгать между платформами
Уведомления и прогресс — всегда понятно, что происходит
Конкретные результаты
13 000+ слушателей и 35 программ — платформа реально работает
Вошли в ИТ-кластер Сколково и реестр ПО — да, это уже серьёзный EdTech
Гибкая разработка: UI Kit + дизайн-система = быстрые правки, масштабирование без бардака
Вывод
Образовательная платформа — это не просто «видеоуроки и кнопка "пройти"». Это сложная система с разными ролями, сценариями и UX-решениями. Мы всё это проработали и запустили MVP, который сейчас держит тысячи пользователей.
Если вам нужна платформа, которая будет выдерживать десятки тысяч учеников — поможем. Оставьте заявку, расскажем, как не совершить популярные ошибки и спроектировать правильно.