Сайт для онлайн-школы: каталог курсов, запись и кабинет ученика

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

Кто на самом деле выбирает курс

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

Родитель выбирает за ребёнка. Ему важно, чему научат и за какой срок, кто преподаватель, сколько детей в группе, удобно ли расписание, что будет, если ребёнок заболеет или не втянется. Он сравнивает три-четыре школы и принимает решение осторожно.

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

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

Каталог курсов на сайте и подбор курса

Когда курсов больше пяти, посетитель теряется. Ему нужен не список, а подсказка.

Подбор курса

Самый простой способ — короткий подбор в три шага: возраст, интерес, формат (в классе или онлайн). На выходе — два-три подходящих курса вместо двадцати. Для языковых курсов ту же роль играет тест уровня: десять вопросов, результат и рекомендация. Человек получает пользу ещё до заявки и приходит на пробный урок в подходящую группу.

Каталог с фильтрами

Каталог курсов на сайте — для тех, кто хочет посмотреть всё сам: фильтры по возрасту, направлению, формату, длительности и уровню.

Карточка курса

Здесь принимается решение, поэтому в карточке должно быть всё:

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

Программа, расписание и цена на одной странице заменяют три звонка администратору. И это же помогает поиску: человек ищет не «школу», а «курсы Python для подростков» или «подготовку к ОГЭ по математике», и попадать он должен на страницу конкретного курса.

Запись на пробный урок и оплата курсов онлайн

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

Удобная запись на пробный урок выглядит так:

1. Курс — выбранный в каталоге или подсказанный подбором.
2. Группа и время — свободные слоты видны сразу.
3. Контакты — для детской школы данные ребёнка и родителя, для взрослых только свои.
4. Подтверждение с событием для календаря и напоминанием.

Заявка в ту же секунду попадает администратору школы и дальше движется по воронке: новая, записан, пришёл, купил. Так видно, на каком шаге люди теряются, — до урока или после.

Совет студии

Совет. Посчитайте, сколько записавшихся на пробный урок до него доходят. Если заметная часть пропадает, чаще всего дело не в курсе, а в паузе: человек записался в понедельник, урок в субботу, напоминания не было. Событие в календаре и сообщение накануне возвращают больше учеников, чем новая реклама.

Оплата курсов онлайн — следующий шаг. Хорошо, когда на сайте можно выбрать удобный способ: целиком, помесячно, в рассрочку — и оплатить картой или через СБП. Для приёма платежей нужна онлайн-касса по 54-ФЗ, это учитывается в проекте. Отдельная мелочь, которую ценят родители, — подарочный сертификат.

Личный кабинет ученика и родителя

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

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

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

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

О том, как проектируются кабинеты и из чего складывается их стоимость, читайте в статье «Личный кабинет клиента на сайте».

Свой сайт или готовая платформа для курсов

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

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

Данные учеников, особенно детей, — персональные данные по 152-ФЗ: согласие родителя, политика обработки, защищённое хранение.

Живое демо: школа «Ясно»

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

Что стоит попробовать:

• Пройти подбор курса: возраст, интерес, формат — и получить рекомендацию.
• Открыть каталог с фильтрами и карточку курса: программа по модулям, преподаватель, расписание групп, цена и рассрочка.
• Записаться на бесплатный пробный урок — выбрать курс, группу и время, получить подтверждение с событием для календаря.
• Пройти тест уровня английского из десяти вопросов и решить небольшую задачу по Python с проверкой ответа.
• Посмотреть оплату курса: целиком, помесячно или в рассрочку, подарочный сертификат.
• Войти в кабинет (код 1234) и переключиться между режимами ребёнка и родителя: расписание, экран онлайн-урока, домашние задания, прогресс и достижения, записи уроков, сертификат, отчёт родителю.
• Открыть панель школы: заявки на пробный урок, группы, журнал, проверка заданий, оплаты.

Оплата и видеоурок в демо — имитация, но заявка на пробный урок с сайта действительно появляется в панели школы.

Сколько стоит сайт для онлайн-школы

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

Это нижние границы. Точную смету мы даём после бесплатного разбора задачи — в течение 48 часов. Работаем по договору, оплата по этапам. Если сомневаетесь, с чего начинать, поможет статья «Лендинг или многостраничный сайт», а первый ориентир по бюджету даст ИИ-оценка проекта.

Команда Idealio в разработке с 2020 года и ведёт пять собственных продуктов, так что кабинеты, оплата и онлайн-занятия для нас — привычная работа, а не эксперимент. А вопросы родителей в нерабочее время может взять на себя ассистент — об этом статья «ИИ-консультант для сайта». Сайт должен приносить записи на пробный урок, а не просто рассказывать о школе.