Backend
StrapiNode.jsOpenAPIMySQL
Тишина - онлайн-платформа курсов
Онлайн-платформа для продажи видеокурсов йоги с личным кабинетом, оплатой и headless CMS.
сайтсервисы
Клиент
Студия Тишины - пространство йоги, пилатеса и фитнеса с миссией популяризации здорового образа жизни через практику йоги.
С развитием компании появилась цель - открыть новое направление - продажа обучающих курсов онлайн.
На старте проекта у клиента был WordPress сайт с новостями и необходимой информацией о преподавателях и программах.
Задача
Создать портал, где можно быстро и удобно зарегистрироваться и заказать авторский курс по йоге с онлайн оплатой. Разработать простой личный кабинет, где можно смотреть купленные курсы, сменить пароль и выйти из аккаунта. Дизайн и стилистику требовалось выдержать в стиле текущего сайта.
Проектирование
У заказчика уже был функционирующий сайт на WordPress, который справлялся со своей информационной функцией - а значит его менять не нужно. Мы рассмотрели два архитектурных подхода:
- Интеграция нового функционала в существующий WordPress-сайт.
- Разработка отдельной платформы на новом стеке с размещением на поддомене и интеграцией в навигацию существующего сайта.
Обсудив плюсы и минусы обоих подходов с заказчиком, остановились на втором варианте. Такой подход позволял:
- не зависеть от legacy-части WordPress-проекта (обновление библиотек, рефакторинг)
- ускорить запуск MVP
- сократить объем регрессионного тестирования
- упростить дальнейшее развитие платформы
Процесс
Двигались по плану, backend реализовали на Strapi, frontend — на Nuxt/Vue.
Strapi выбрали как headless CMS, чтобы заказчик мог самостоятельно управлять курсами и контентом без участия разработчиков.
Для локальной разработки сделали Docker Compose спецификацию.
Спроектировали базовые доменные сущности платформы
- Пользовательские аккаунты
- Курсы и категории
- Комментарии и взаимодействия
- Преподаватели
- Заказы и платежи
- Настройки сайта и вспомогательных элементов
Разработали функционал
- сделали интеграцию с YooMoney для приема платежей
- реализовали интеграцию с S3-хранилищем для хранения видеоконтента
- дали возможность ограничивать срок доступности курса после покупки (например, доступ на 9 месяцев)
- предусмотрели edge-case сценарии авторизации и оплаты
- реализовали интерфейс, сохранив визуальную стилистику существующего сайта
Разработали личный кабинет
- регистрация и логин
- авторизация
- просмотр купленных курсов
- смена пароля
- выход из профиля
Подготовка к запуску
- подготовили staging-окружение для показа результата заказчику и внесли изменения по результатам обратной связи.
- помогли заказчику с конвертацией видео с оптимальным битрейтом для просмотра онлайн.
- провели финальные тесты
Запустили боевую версию 🚀 с 4 курсами и 60 ГБ контента.
Результат
Проект разрабатывали в той же философии, что и сам бренд — спокойно, просто и без лишней сложности.
После запуска сервис начал приносить первые продажи, и мы провели несколько интервью с пользователями и внесли улучшения в пользовательские сценарии и навигацию сервиса.
Через несколько месяцев объем видеотрафика заметно вырос — потребление S3-хранилища превысило 150 ГБ трафика в месяц.
В результате заказчик получил отдельное digital-направление для продажи образовательного контента и платформу, которую можно масштабировать без ограничений legacy-сайта.
Технологии
Frontend
VueNuxt
DevOps
DockerGitLab
Обсудить проект
Алексей
проектный менеджер, ответит на вопросы и
поможет со стартом проекта