Работы наших студентов

Личный кабинет для онлайн-школы и женского клуба

2023-07-11 01:49 ОНЛАЙН-ШКОЛЫ Личный кабинет

ЗАКАЗЧИК

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

Ежемесячно продуктами заказчика пользуются 50+ человек.
Имя заказчика и наименование продуктов под NDA, но я постараюсь раскрыть проблематику заказчика и суть моей работы в этом кейсе.

ЗАДАЧИ

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

А также заказчик жаловался на неудобство загрузки нового контента на сервис для его дальнейшего оформления и предоставления участникам на GetCourse.

Так выглядит личный кабинет на GetCourse

Для решения есть две альтернативы:

  1. Кастомизация GetCourse
  2. Своя платформа с личными кабинетами

  1. Кастомизация интерфейса GetCourse

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

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

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

Минусы:

  • Зачастую такая кастомизация влечёт за собой технические сбои.
  • Стоимость кастомизации 80+ тыс. руб. и оплачивается отдельно от стандартного обслуживания GetCourse.
  • Потребуется найм технических специалистов для обслуживания этой «машины» и загрузки новых материалов. А также, если потребуется изменение дизайна.

2. Создание платформы с функицоналом личного кабинета на Tilda с помощью no-code сервисов

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

1.Красивый интерфейс для учеников и участников клуба, который будет не отпугивать их, а наоборот добавлять удовольствие от процесса обучения в личном кабинете.
  • Tilda даёт возможность создавать страницы для курсов, модулей и уроков абсолютно с любым дизайном. Это развязывает руки и даёт свободу фантазии.

2.Упрощённая версия загрузки новых материалов (курсов, модулей, уроков) без необходимости нанимать других специалистов.
  • No-code решения подразумевают под собой сторонние сервисы, такие как Airtable (аналог Google-Таблиц), где достаточно добавить новую строку и заполнить её (можно на смартфоне), чтобы добавить новый курс или урок.

3.Чтобы обслуживание было не дороже тарифов на GetCourse.
  • Обслуживание Tilda стоит 6 000 ₽ в год. По сравнению с GetCourse (минимальный тариф 30 400 ₽ за год) — это сущие копейки. Добавим к Tilda оплату no-code сервисов и получится в сумме за год порядка 22 000 ₽.

Так выглядит рабочий личный кабинет на Tilda с помощью no-code сервисов. Лого был заменён из-за NDA.

Минусы:

  • Реализация этого решения требует разработки с нуля и дизайна, и логики движения пользователя.
  • Это решение требует использование единовременно сразу несколько сервисов, из-за чего повышается риск падения работоспособности всей системы. То есть, если один из сервисов перейдёт на время в режим технического обслуживания/обновления, то на это время все сервисы перейдут в режим ожидания (это редкое исключение, но всё же).

Плюсы:

  • Дизайн личного кабинета может быть абсолютно любым.
  • Небольшие правки в дизайне редактировать сможет сам владелец.
  • Функционал такого личного кабинета может повторять функционал GetCourse и даже больше (зависит от фантазии и опыта).
  • Регулярное пользование личным кабинетом повышает вероятность выдачи сайта с продажей продуктов (под этим же доменом) в поисковиках.
  • Удобное пользование таблицей Airtable (аналог Google-Таблиц) для добавления новых курсов и уроков.

Для решения мы остановились именно на втором варианте с Tilda

Стек сервисов для решения:

  1. Tilda — для создания страниц материалов с уникальным дизайном.
  2. Airtable — для использования сервиса как база данных для хранения данных о пользователях и о доступных материалах. А также для удобного добавления новых курсов и уроков заказчиком.
  3. Collabza и Make — для связки Airtable и Tilda и передачи данных между ними.
  4. Kinescope — для хостинга видео-уроков с функцией защиты от копирования и скачивания.

ЧТО СДЕЛАНО

1. Согласовал функционал личного кабинета согласно желаниям заказчика

Слайды из КП

2. Создал дизайн страниц для всех продуктов, и премиального клуба в том числе

3. Перешёл к технической вёрстке страниц на Tilda и заполнению базы данных

Благодаря no-code сервисам на Tilda не нужно создавать страницы под каждый урок или модуль. Для каждого типа страницы создаётся всего лишь одна — динамическая. А добавление новых уроков происходит через удобную таблицу в Airtable.
Так выглядит база данных на Airtable с компьютера. Есть приложение для смартфонов. Если вдруг нужно скрыть какой-то из уроков — это делается одним кликом мыши.

4. Настроил no-code сервисы для синхронизации Tilda и базы данных

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

5. Провёл тест функционала личного кабинета на ошибки

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

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

Также после теста и запуска личного кабинета я подарил заказчику 3-месячное сопровождение на случай, если появятся ошибки (такое тоже случается, если что-то забыли или нужно исправить) или понадобится помощь кое-что улучшить.

6. Дополнительно

  • Оформлен сайт продажи курса и настроена функция приёма оплат.
  • Доступы к курсам и другим программам выдаются только после оплаты и на ограниченный период (сроки доступа настраиваются вручную на 4м этапе).
  • Настроены стоп-уроки: доступы к следующим модулям и урокам выдаются после выполнения заданий предыдущих.
  • Настроены уведомления в Telegram-группу с кураторами о покупках и выполненных ДЗ для мгновенного их отслеживания.
  • Настроена страница-дашборд для проверки кураторами выполненных ДЗ.
Сроки реализации личного кабинета: Весь процесс, от начала согласования функционала до реализации и тестов личного кабинета на пользователях, был выполнен за срок 2,5 месяца. Это с учётом того времени, когда после тестов понадобилось улучшать функционал и заново его тестировать.

Опыт пользования за полгода

Платформа с личным кабинетом на Tilda и no-code сервисах работает до сих пор и пользоваться ей приятнее, чем на GetCourse (отмечено пользователями).

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

Стоимость такой разработки равнялась — 98 000 ₽. В эту стоимость не входит оплата сервисов. И это ещё копейки за такую ценность имение собственной образовательной платформы 🔥
С заказчиком в итоге работаем снова и обсудили стек следующих обновлений.

Планируем внедрить:

  1. Автоматизированного Telegram-бота для оповещений и дополнительной коммуникации с учениками и участниками клуба.
  2. Партнёрскую программу для возможности учеников и участников клуба приглашать своих родных, друзей и знакомых принять участие в продуктах заказчика.
  3. Обновлённый визуал личного кабинета, так как концепция у продуктов заказчика изменилась за пол года пользования платформой.

КОНТАКТЫ ДЛЯ СВЯЗИ

Чтобы задать свои вопросы по моей работе и обсудить ваш проект, напишите мне в личные сообщения
Информация о новых интенсивах и еще больше полезных статей в телеграм-канале Академии Нолим