Дизайн образовательного портала
Клиент: Национальная академия дополнительного профобразования
Задача: Сделать онлайн-платформу, где пользователи проходят курсы, сдают тесты, получают удостоверение гос. образца. Всё должно работать стабильно, быть понятно с первого экрана и не мешать учиться.
Что требовалось
Витрина курсов с фильтрами и нормальной карточкой курса
Личный кабинет с привычным UX для регулярной работы
Конструктор модулей и уроков — гибкий и понятный
Поддержка учебных групп с настройками доступа и стартом по расписанию
Дизайн-система, чтобы потом не переделывать
Что сделали
1. Витрина курсов:
Поиск, фильтры, категории, теги, сортировка
Карточка курса — отвечает сразу на 4 вопроса:
чему научитесь
что получите
сколько стоит
как записаться
2. Личный кабинет:
Продуманный интерфейс для регулярного использования
UX-паттерны — как в привычных платформах, ничего не надо искать
Всё нужное — на расстоянии пары кликов
3. Учебные группы:
Один курс → несколько групп с разными датами и лимитами
Гибкие настройки под любой формат потока
Прозрачная структура: участники, расписание, прогресс
4. Конструктор курсов:
Без ограничений по количеству уроков и модулей
Удобное управление — перемещай, переименовывай, удаляй как хочешь
Всё через визуальный интерфейс — даже методист без техподготовки разберётся
Дизайн-система
Сборка UI-компонентов — кнопки, формы, карточки, прогресс-бары
Используются везде, переиспользуем без дублирования
Ускорили разработку и упорядочили работу между дизайнером и фронтами
Микротексты и детали
Системные уведомления, шаблоны email'ов — всё продумано
Обработка ошибок — с пояснением, что делать дальше
Генерация сертификата — после 100% прохождения курса, с фирменным дизайном
Результат
MVP готов, работает
Платформа запущена, масштабируется
Все ключевые сценарии учтены: от первого визита до выдачи удостоверения
Результат
Соберём вам платформу под обучение — хоть для вуза, хоть для компании, хоть для курсов по сварке.
Проработаем архитектуру, интерфейсы, и сделаем не “красиво”, а удобно и надёжно.
Пишите — покажем, как это делается.