Roboweb/Блог
    Все статьи
    Запуск продукта16 сентября 20268 мин чтения

    Проект для онлайн-школы: витрина курсов, заявки, кабинеты

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

    Проект для онлайн-школы: витрина курсов, заявки, кабинеты

    Учебный центр или онлайн-школа часто начинают с чата в мессенджере и таблицы, куда администратор переписывает желающих. Пока групп две, это терпимо; когда курсов становится пять, заявки теряются, а ученики по десятому разу спрашивают про расписание и формат. Ниже — разбор на условном примере: что включить в первую версию проекта, как описать это ИИ-команде, что проверить в превью и что сознательно отложить.

    Условный пример: учебный центр набирает группы через мессенджеры

    Представим учебный центр, который ведёт очные и онлайн-курсы по бухгалтерскому учёту и Excel для сотрудников небольших компаний. Набор устроен так: объявление в канале, желающие пишут в личные сообщения, администратор отвечает, уточняет формат и записывает контакт в таблицу. Программа курса лежит в PDF, который пересылают вручную.

    Проблема здесь не в том, что нет «платформы». Проблем три, и они намного уже:

    • у курсов нет постоянной страницы, на которую можно дать ссылку и которую найдут через поиск;
    • обращения разбросаны по перепискам, и никто не видит, сколько людей интересовалось конкретной группой;
    • ученику негде посмотреть свои записи — всё приходится спрашивать у администратора.

    Для этого на старте не нужна большая система дистанционного обучения. Нужны витрина курсов, форма заявки, которая пишет данные в базу, и простые личные кабинеты. Если сомневаетесь, что выбрать — лендинг под один курс или портал с каталогом и кабинетами, — сравните варианты в статье о лендинге, магазине, портале и панели.

    Витрина курсов: программа, формат, для кого курс

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

    Что должно быть в карточке курса:

    1. Название, которое совпадает с тем, как человек ищет обучение: «Бухгалтерский учёт для начинающих», а не «Путь к профессии».
    2. Для кого курс и какой нужен уровень подготовки.
    3. Программа по модулям — короткими пунктами, без маркетинговых обещаний.
    4. Формат (онлайн, очно или смешанный), длительность, расписание или дата ближайшего старта.
    5. Стоимость или честное «цена по запросу», если она зависит от группы.
    6. Кнопка заявки, которая ведёт на форму именно этого курса.

    Сравните два варианта описания в брифе:

    • Слабо: «Нужна онлайн-школа с курсами, красиво и современно».
    • Сильно: «Портал учебного центра. Каталог курсов с фильтром по формату (онлайн, очно) и уровню. У курса: название, для кого, программа по модулям, длительность, ближайший старт, цена. На странице курса — форма заявки: имя, телефон, почта, удобный формат, комментарий. Заявка сохраняется вместе с названием курса».

    Второй вариант ИИ-команда собирает без догадок, а вы можете проверить результат по пунктам.

    Заявка на обучение и путь слушателя до договора

    Форма заявки пишет данные в настоящую базу. Дальше всё видно в кабинете владельца, в разделе «Заявки с проектов»: обращения из форм всех проектов в одном месте, фильтр по проекту и три статуса — новые, обработанные, отклонённые.

    Путь слушателя в нашем условном центре:

    1. Человек выбирает курс на витрине и оставляет заявку.
    2. Администратор видит её среди новых и связывается: уточняет уровень, формат, удобное время.
    3. После разговора заявка получает статус «обработанная» — или «отклонённая», если курс не подошёл или контакт оказался ошибочным.
    4. Договор и счёт оформляются привычным для центра способом.
    5. Раз в неделю заявки выгружаются в CSV и открываются в Excel. Колонки выгрузки фиксированные — дата, имя, телефон, почта, сообщение, проект и статус, — поэтому тестовой заявкой заранее проверьте, где видно название курса; если оно попадает в выгрузку, по нему можно посчитать, какие направления собирают интерес.

    Полезен и раздел «Аналитика»: просмотры, посетители, заявки и конверсия за 7, 30 и 90 дней. Это показатели проекта в целом, а не отдельного курса. Если посетителей много, а заявок мало, сначала пересмотрите страницы курсов: программу, формат, цену и то, насколько заметна форма.

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

    Личные кабинеты учеников: что описать в брифе и проверить в превью

    Roboweb собирает личные кабинеты посетителей: человек регистрируется, входит и видит свои данные — только свои. Но «кабинет ученика» каждый представляет по-своему, поэтому опишите его конкретно.

    Что указать в брифе:

    • кто регистрируется: сам ученик или родитель за ребёнка;
    • как человек входит: по почте и паролю. Этот способ не назван в перечне разрешённых законом, поэтому уточните у юриста, нужно ли привязывать аккаунты к российскому номеру телефона или другому разрешённому способу. Вход через иностранные сервисы не закладывайте: открывать доступ после такой авторизации запрещено, а с 07.07.2026 за это штрафуют по 199-ФЗ;
    • что человек видит после входа — например, свои заявки на курсы и данные, которые он указал;
    • что меняет только администратор: в проекте Roboweb посетитель добавляет записи и видит свои, но не редактирует их, а правки вносит владелец проекта в базе данных проекта в редакторе.

    Что проверить в превью (редактор показывает его справа от чата):

    • зарегистрируйте двух тестовых учеников и убедитесь, что второй не видит данных первого;
    • выйдите из аккаунта и проверьте, что кабинет больше недоступен;
    • опубликуйте проект по ссылке и пройдите весь путь с телефона: витрина, карточка курса, заявка, вход.

    Если чего-то не хватает, правьте словами прямо в чате: «добавь на страницу курса блок с расписанием», «сделай кнопку заявки заметнее». Не рассчитывайте, что кабинет сам начнёт выдавать материалы, отмечать прогресс или выпускать сертификаты. Если такие функции нужны, их придётся описать отдельно и тщательно проверить, а сложную логику обучения надёжнее доверить разработчику.

    Что не собирать на старте: видеоплатформа, оплата, проверка заданий

    ЗадачаНа стартеКогда вырастете
    ВидеоурокиПривычный сервис видеосвязи или отдельная видеоплатформаРазработчик добавляет закрытый доступ к записям
    ОплатаДоговор и счёт после заявкиОнлайн-оплату подключает разработчик
    Домашние заданияСдача по почте или в чате группыМодуль проверки — отдельная разработка
    ПосещаемостьРасписание на странице курсаТаблицы посещаемости в рабочей панели

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

    Первая версия должна ответить на один вопрос: будут ли люди записываться на ваши курсы через проект. Как устроить такую проверку без больших вложений, описано в статье о проверке идеи на MVP.

    Признаки, что проект пора развивать дальше

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

    Когда совпадают два-три пункта, есть два пути. Первый — дорабатывать проект в редакторе, пока задачи укладываются в тип «портал» или «рабочая панель». Второй — выгрузить код: на тарифе Премиум проект выгружается как Next.js + Prisma с базой PostgreSQL, и разработчик продолжает с готового каркаса, а не с нуля. Код и данные при этом остаются у школы.

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

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

    Понравилась статья?

    Поделитесь с коллегами и друзьями

    Telegram

    Готовы запустить свой продукт?

    Опишите идею — ИИ соберёт фуллстек с бэкендом, а код останется вашим активом

    Создать проект бесплатно