Онлайн-школа Популо

«Популо» — чешская онлайн-школа, которая занимается комплексной подготовкой к поступлению в университет. Школа предоставляет репетиторские занятия по всем предметам, преподаваемым в начальных и средних школах, включая иностранные языки. Подготавливают к экзаменам, тестам и вступительным экзаменам. Помогают ученикам, студентам, детям и родителям справляться с посещаемостью школы. Вебинары, курсы, лекции — всё онлайн. Рассказываем о том, как мы создавали для «Популо» web-сервис.

Задача

Для заказчика было важно:
— Разработать личный кабинет для удобства использования разных сегментов целевой аудитории: администраторов, лекторов, студентов и клиентов;
— Интегрировать получение данных из CRM-системы Creatio в новый личный кабинет на базе Битрикс;
— Создать интерфейс, учитывая пользователей с ограничениями по зрению и восприятию цвета.

Дизайн

Дизайн — сервисный. Простой и комфортный интерфейс как основа дизайн-макетов. Web-сервис оформлен в соответствии с брендбуком компании. Гармоничная цветовая гамма, обеспечивающая комфорт в работе для людей с ограничениями. Мы использовали выраженные цвета, сделали акцент на вложениях для работы лектора с необходимыми документами. Реализовали интуитивно понятную навигацию при помощи кнопок, панелей. Чтобы сайт можно было легко просматривать на смартфонах и планшетах на любых разрешениях, реализовали респонсивный дизайн.

На странице лектора использовали минимум цвета, чтобы работа в личном кабинете не нагружала зрение. Темная панель меню слева позволяет лектору комфортно ориентироваться по ней. Дополнительное обучение использованию личного кабинета не требуется.

Интерфейс лекции

Функционал

Отобразили список задач с фильтрацией для лектора. В качестве референса использовали функционал системы управления проектами Jira. Сделали возможность постановки задачи от администратора лектору. Лектор может закрыть задачу, оставить комментарий, выбрать время выполнения.

Доработали календарь — добавили отображение задач и лекции с возможностью переноса. Создали переход к подробной информации о курсе прямо из календаря.

В личный кабинет подключили биллинговую систему. Клиенты имеют возможность оплачивать занятия по QR-коду или прямой ссылке. Через базу данных подгружается около тысячи студентов и более ста лекторов.

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

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

Интеграции

Интегрировали iFrame для перехода в вебинар. Это возможность в модальном окне использовать функционал с другого сайта. Нажимая на вкладку «Вебинары» студент заходит в методический центр, где может выбрать интересующий вебинар. При переходе на занятие, в iFrame вставляется ссылка Google Meet. Происходит автоматическая авторизация без ввода логина и пароля. Студент попадает на вебинар.

CRM-система Creatio похожа на Битрикс24. Интегрировали по специальный скрипту, который переносит данные с Creatio в Битрикс. Интеграция позволяет выводить для администратора все данные пользователей, чтобы было удобно работать как клиентам, так и лекторам.

Администратор может менять статусы лекций. Видя номер телефона, администратор и лектор могут позвонить студенту. Например, предупредить о переносе встречи. Администратор контролирует баланс студентов: необходимо оплатить, какие лекции оплачены, а какие нет. Также он может посмотреть, сколько лекций осталось у лекторов и студентов.

Срок реализации: 3 месяца