Kamon!

NextPro — школа современного танца в Ижевске. Известна за его пределами крутыми активностями и роликами. Современная и модная, с классными преподавателями, мастер классами приглашенных звезд и собственным помещением для занятий, которое спроектировано школой под себя.

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

Собрали CJM — карту пути пользователя, составили список «удобных фишек», нашли похожие сервисы и прикинули кейсы по организации занятий на других площадках. Например, Youtube.

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

Для оценки работоспособности гипотезы — описали требования к плееру и видео, сделали плеер, NextPro сняли специально для этого видеоурок.

На старте в плеере сделали функции:
— вид спереди\сзади;
— перемотка +\- 15 сек;
— отзеркаливание видео;
— список глав урока;
— цикл — повтор отрезка видео;
— изменение скорости воспроизведения;
— изменение качество видео.

Без дизайна, просто отработка функционала.

Отрисовали основные страницы приложения и плеер, учитывая адаптивность и принципы Mobile First.

Подобрали домен, начали сборку сайта по технологии PWA.

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

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

Через тестирование подобрали максимально корректное отображение картинки на всех устройствах.

NextPro собрали список желающих протестировать проект и мы запустили ограниченный тест — пока без трансляции на экран. На тестовом сайте уже был сплитскрин, но учитывая как много разных устройств могут использовать ученики, решили тщательнее протестировать (как показали события — не зря, пришлось повозиться).

Начали подготовку к запуску рабочего проекта с полным функционалом.

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

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

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

Важно было сделать проект с перспективой большой нагруженности (все-таки это видео), чтобы это было PWA (веб-приложение, с возможностью скачать на экран телефона, выглядит и ведет себя как приложение из стора), поэтому фронт и бэк общаются по API, а сайт размещен в Яндекс. Cloud с возможностью быстрого масштабирования.

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