Вводные
Студентам нужен был быстрый доступ к образовательным материалам в привычной среде Telegram, а продукту — понятная структура курсов и модулей.
Shipager
Медицинская образовательная платформа внутри Telegram
Shipager превращает обучение студентов-медиков в последовательный мобильный сценарий: пользователь открывает курс, проходит модули, сохраняет материалы и видит свой прогресс без отдельной установки приложения.
Задача
Спроектировать Telegram Mini App с регистрацией, каталогом медицинских курсов, карточкой программы, личным кабинетом, избранным и отображением прогресса.
Фокус
Сделать сложный учебный контент спокойным и управляемым на небольшом экране: ясная навигация, крупные действия и заметные состояния обучения.
Визуальный слой
Курсы, модули и прогресс в одном мобильном контуре
Интерфейс связывает каталог, карточку курса, последовательность модулей, избранные материалы и профиль. Голубая и оранжевая система акцентов помогает отделять действия от статусов и быстро считывать прогресс.
Что сделали
От смысла до системы
Разложили учебный сценарий
Собрали путь от регистрации и выбора курса до открытия модуля, сохранения материала и контроля прогресса.
Спроектировали мобильный интерфейс
Подготовили экраны для Telegram WebView с понятными зонами нажатия, нижней навигацией и последовательной визуальной иерархией.
Собрали продуктовую систему
Связали курсы, профиль, избранное и прогресс в единый интерфейс, который можно расширять новыми дисциплинами и программами.
Итог
Обучающий продукт, доступный прямо из Telegram
Shipager получил цельный интерфейс медицинской образовательной платформы: студент быстро находит нужный курс, понимает структуру модулей и возвращается к обучению с сохраненным прогрессом.
Связанные услуги
Разработать продукт на основе опыта этого кейса
Посмотрите подходящие направления разработки, состав работ, сроки и подход к запуску.