Веб-приложение · живой проект

Курс, который живёт в личном кабинете, а не в папке с видео

Блоки открываются по порядку, прогресс сохраняется сам, любимые карты собираются в избранное. Автор видит, кто где застрял, — и не ведёт таблицу вручную.

Экраны проекта: Онлайн-курс с личным кабинетом
3блока с последовательным открытием
78карточек справочника внутри курса
40учениц в демо-потоке
0таблиц, которые автор ведёт руками

Задача

Курс жил в облачной папке: видео отдельно, тексты отдельно, задания в переписке. Ученица не понимала, где она сейчас и что дальше, а автор не знал, кто дошёл до третьего модуля, а кто бросил на первом.

Нужен был личный кабинет: чтобы курс шёл по порядку, прогресс запоминался сам, а материалы нельзя было перепрыгнуть и потерять нить.

Что внутри

  • Последовательные модули. Следующий открывается, когда пройден предыдущий, — ученица не перепрыгивает темы и не теряется.
  • Прогресс сохраняется сам. Отметки по каждому пункту внутри модуля: видно, что уже сделано, а к чему стоит вернуться.
  • Избранные карты. Звёздочка в справочнике или на странице карты — и карта собирается в избранное на главной кабинета.
  • Справочник на 78 карточек. Отдельный раздел со своей навигацией: можно читать вне порядка модулей.
  • Аудио внутри кабинета. Практики слушаются прямо на странице, с перемоткой, без выгрузки файлов.
  • Кабинет автора. Аналитика по потоку, редактирование всех текстов и картинок курса без обращения ко мне.
Раздел «О курсе»: как устроена программа и как её проходить
Путь ученицы: пройденные модули отмечены, следующий открывается по порядку
Справочник карт со своей навигацией

Название курса на скриншотах изменено, ученицы вымышлены. Материалы и данные реальных участниц не показываю.

Кабинет автора

Вторая половина работы. Автор видит средний прогресс по потоку, где именно ученицы застревают и кто давно не появлялся, — и может написать этим людям лично, пока они не отвалились совсем.

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

Кабинет автора: прохождение курса, точки застревания и активность учениц

Как сделано

Приложение открывается в браузере и на телефоне, устанавливать ничего не нужно. Вход по email и паролю, публичной регистрации нет — доступ выдаёт автор, поэтому в кабинет не попадёт посторонний.

Проект живёт на сервере со своим HTTPS, ежедневными бэкапами базы и сторожем. Аудио отдаётся отдельно от основного приложения, чтобы длинная практика не занимала его целиком, пока её слушают.

Светлая и тёмная тема

Ученица сама выбирает тему кнопкой с солнцем или луной. Светлая — пудровая и тёплая, тёмная — для вечерних занятий с картами.

Светлая тема: главная кабинета, «продолжить» и карта дня
Светлая тема: модули курса и отметки пройденного
Светлая тема: разбор карты с вкладками трактовок
Тёмная тема: тот же кабинет вечером

Нужен такой же проект?

Обсудить в Telegram @valter_valter · отвечаю лично