Как создать c нуля онлайн-школу?

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

Что создано? Адаптивный веб-сайт в Тильде. Онлайн-школа

Целевая страница сайта

Приоритеты

Скорость разработки сайта и красивый дизайн, удобство в использовании, адаптивность.

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

Полная автоматизация процесса: выбор урока-покупка-обучение. Обновить дизайн сайта, он должен быть лёгким, не перегруженным с акцентами и сочными фото. Возможность оплаты курса. Очень важна автоматическая регистрация после успешной оплаты и создание учётной записи/восстановление пароля на e-mail. Поскольку у владельца школы нет времени на ручное добавление пользователей и техподдержку (более того есть для этого необходимый функционал, так зачем же пренебрегать им?) Создание промокодов на различные акции.

Мобильная версия онлайн-школы Maffinosi


Целевая аудитория

Кондитеры и любители готовить.

Преимущества курса

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

Идеи

Создание чат-бота в телеграм для комьюнити Maffinosi. Создали видео-ролик в современной стилистике и динамике. Главная задача ролика — презентовать продукт, который возможно создать самостоятельно дома. 

Страница с уроками

Удобный интерфейс Личного Кабинета для пользователя

Уникальная страница с содержанием доступных материалов. Легкий доступ к материалам во всплывающем меню. Быстрое переключение между доступными материалами. Возможность редактирования информации в личном аккаунте. Школа будет расти, при покупке курса на указанный e-mail, уроки автоматически добавляются пользователю в кабинет.

Скриншот личного кабинета внутри Тильды

В настройках группы в Личном кабинете указана стоимость участия в этой группе (дополнительная проверка платежа пользователя).

Реализация и технический стек

Дизайн верстали в Zero Block, анимация и настройки личного кабинета, CRM в Тильде. Тут возможно и ручное добавление пользователей, но мы выбрали полную автоматизацию. Доступ к группам страниц на сайте: открыли возможность самостоятельной регистрации без подтверждения. Создание и редактирование айдентики в Figma. Оплата WayForPay. 

Сколько времени ушло?

Процесс разделился на несколько этапов: редизайн сайта, создание новой целевой страницы — в это время создание гайда и техкарт. Создание и настройка личного кабинета — в это время съемка видеороликов. В момент заливки видео, сайт был полностью готов к работе. Таким образом процесс разработки не стоял на месте и был комфортным для всех. Ушли сутки на регистрацию в WayForPay, относительно новый сервис оплаты, с очень удобной авторизацией и админ панелью, отличная поддержка.

Реальные сроки: 20 дней.

Онлайн-школа разработана:

Ссылки на онлайн-школу:

Автор кейса: Анастасия Коробкина



2860