Web · Education · LMS
Online Course Website — сайт образовательной платформы
Готовое WebMoon-решение для онлайн-школы или курса: каталог курсов, программа с модулями, преподаватели, оплата и личный кабинет студента с прогрессом и сертификатами. LMS-направление, которое можно адаптировать под профессиональные курсы, языковые школы или corporate training.
Кратко о проекте
Что это и для кого
Платформа для онлайн-школы, авторского курса или корпоративного обучения, где главные задачи — продать курс, помочь студенту его пройти и удержать на следующем потоке. Подходит для UX/UI / web-dev / soft-skills / language-школ / corporate-onboarding.
Бизнес-задача
Что решает продукт
Авторы курсов и онлайн-школы живут на платформах вроде GetCourse, Tilda + Telegram-чат, или Excel + email. Это работает на 5–10 потоках, потом ломается: нет нормального LMS, нет аналитики оттока, нет системы сертификации. Online Course Website — собственный продукт без vendor lock, с гибкостью под методологию школы.
Решение WebMoon
Из чего собрана платформа
Каталог курсов
Карточки с обложкой, программой, ценой, длительностью, преподавателем, отзывами. Фильтры по уровню и тематике.
Программа курса
Структура из модулей и уроков, длительность, домашние задания, требования, чему научится студент.
Преподаватели
Профили с био, опытом, портфолио, курсами. Возможность видеть только их курсы.
Оплата
Эквайринг (карта / СБП), рассрочка, корпоративная оплата по счёту, промокоды и реферальная программа.
Личный кабинет
Прогресс по курсам, текущий урок, домашние задания, сертификаты, чат с куратором, расписание.
LMS-ядро
Видео-уроки, текст, тесты, задания, проверка домашек, обратная связь куратора, peer-review.
User flow
Как студент проходит путь
Знакомство (реклама / поиск) → главная сайта → каталог → страница курса с программой → оплата → email с доступом → личный кабинет → первый модуль → видео-уроки + домашка → проверка куратором → следующий модуль → итоговый проект → сертификат → invite на следующий курс. Параллельно: корпоративные клиенты заказывают потоки на свою команду.
Основные модули
Структура продукта
- Marketing site: главная / каталог / страница курса / преподаватели / about / cases.
- Воронка: реклама → курс → оплата → onboarding.
- LMS: модули, уроки, тесты, ДЗ, прогресс.
- Личный кабинет студента.
- Кабинет преподавателя/куратора.
- Admin панель школы.
- Сертификаты PDF с уникальной ссылкой на верификацию.
- Чаты / поддержка / community.
Админка / бизнес-управление
Что видит школа и преподаватель
Filament-панель WebMoon OS: создание и редактирование курсов, модулей, уроков, домашек. Управление потоками (cohort), студентами, выручкой, рассрочкой. Преподаватель видит свои потоки и студентов, ставит оценки за ДЗ, ведёт обратную связь. Школа — сводный дашборд по retention, completion rate, выручке, оттоку.
- Курсы: CRUD с модулями, уроками, тестами, заданиями.
- Потоки: запуск, расписание, студенты, чат.
- Студенты: профиль, прогресс, оплаты, сертификаты.
- Преподаватели: расписание, нагрузка, ставка.
- Финансы: выручка, рассрочка, refund.
- Аналитика: completion rate, retention, NPS.
UX/UI
Визуальная логика
Edu-premium стиль: dark с цветными обложками курсов в gradient (mint / blue / violet), четкая иерархия информации, иконки для типов контента (видео / текст / тест / ДЗ). Личный кабинет студента — game-like progress bar, badges за достижения, чёткие next steps. Читаемая типографика на длинных текстовых уроках.
Архитектура
Стек простым языком
Frontend
SSR-сайт (Astro / Next) для маркетингового слоя + SPA для LMS-кабинета, video-streaming через signed URLs.
Backend / LMS
Laravel 11 + PostgreSQL, очереди под нотификации и видео-обработку, Filament-админка, S3 хранилище материалов.
Видео
Mux / Cloudflare Stream / собственный media-сервер, HLS streaming, signed URL под защиту контента.
Платежи
Эквайринг (карта / СБП), рассрочка через сервисы, b2b-оплата по счёту через Filament workflow.
MVP
Что в первый релиз
Базовая платформа за 6–8 недель — каталог + один курс с модулями + LMS + оплата. Цель — запустить первый поток на 30–50 студентов.
- v1: маркетинговый сайт + каталог + страница курса.
- v1: оплата + email с доступом + личный кабинет студента.
- v1: LMS — видео-уроки, текст, домашки, прогресс.
- v1: админка школы — курсы, студенты, выручка.
Roadmap
Что добавить позже
- v2: проверка ДЗ кураторами + peer-review.
- v2: тесты с авто-проверкой, итоговый проект.
- v2: сертификаты с уникальной верификационной ссылкой.
- v3: Mobile app для уроков офлайн.
- v3: AI-tutor для ответов на вопросы по программе.
- V3: B2B-режим — корпоративные потоки и брендирование.
Бизнес-ценность
Где помогает зарабатывать
Свой LMS даёт контроль над unit-экономикой курса (нет 30% комиссии платформ), retention за счёт нормального user flow, возможность кросс-продаж между курсами. Сертификаты с верификацией повышают воспринимаемую ценность. B2B-режим открывает рынок корпоративного обучения с большими чеками. Метрики: revenue per cohort, completion rate, NPS, retention to next course, average revenue per student.
Похожие решения
Близкие проекты в портфолио
Yoga School Platform
Школа с расписанием и абонементами — близкая логика. Открыть кейс →
SaaS Product Landing
Маркетинговый слой с pricing-таблицей. Открыть кейс →
CRM Sales Dashboard
Работа с заявками и студентами. Открыть кейс →
Дальше
Хотите похожий продукт?
Расскажите задачу — соберём короткий план: что в первый релиз, какие интеграции, ориентир по бюджету и срокам.