Как Nutnet развивали онлайн-школу танцев, внедряли с помощью подписок, Android TV и аналитики
Школа танцев NextPro известна в Ижевске и за его пределами крутыми активностями, мастер-классами приглашенных звезд и собственным пространством для занятий. В 2020 году они совместно со студией разработки Nutnet запустили Kamon — платформу для онлайн-обучения танцам.
Разработка платформы началась с MVP видеоплеера, адаптированного под потребности танцоров: зеркальное отображение, сплитскрин, перемотка, выбор ракурсов. Но просто создать продукт — мало. Чтобы проект приносил доход и масштабировался, его нужно было развивать.
Дальше началась полноценная поддержка и развитие Kamon. Рассказываем, как мы запустили мобильные приложения и Android TV, переработали монетизацию, добавили бизнес-аналитику и участвовали в питчинге продукта инвесторам.
Запуск Android TV-приложения
При разработке танцевальной платформы Kamon мы выяснили, что большинство учеников смотрят уроки не на телефонах, а на телевизорах. И это логично: на маленьком экране смартфона сложно разглядеть движения, да и повторять их неудобно. Тогда решили сделать отдельное приложение для Android TV.
Как собирали команду. В Nutnet мы подошли к делу основательно. Нашли Android-разработчика, который специализируется именно на TV-приложениях — тут важно понимать специфику работы с пультом и особенности телевизионных интерфейсов. Подключили наших фронтендеров для адаптации интерфейса и бэкендеров для настройки авторизации через код.
От простого к сложному. Сначала сделали простую MVP-версию для проверки идеи. Взяли популярную приставку Xiaomi Box S — она недорогая и у многих есть такая дома. На этом этапе нам было важно понять, будет ли приложение реально полезным.
Первую версию начали тестировать в танцевальных студиях. В свободные часы, когда залы пустовали, ученики могли приходить на индивидуальные тренировки. Пользователь получал специальный код в телефоне, вводил его на телевизоре и начинал заниматься. Это особенно понравилось тем, кому не хватает места для тренировок дома.
Также мы начали устраивать демо-занятия в офлайн-школах. Так потенциальные клиенты могли познакомиться с преподавателями, которых нет в их городе.
Техническая кухня. В разработке использовали Android SDK и Android Studio. Ключевым инструментом стала библиотека Leanback — она специально создана для ТВ-приложений. Бэкенд у нас на Laravel, его доработали под новые задачи. А ещё перенесли видеоплеер с веб-версии в телевизионную, добавили поддержку HLS и адаптивного битрейта.
Адаптация под специфику телевизоров. Главный вызов был в том, чтобы сделать управление удобным. На телевизоре нет тачскрина, есть только пульт со стрелками. Поэтому всё должно быть интуитивно понятно: крупные кнопки, минимум экранов, простая навигация. Особое внимание уделили авторизации — код нужно вводить быстро и легко.
Что получилось в итоге. После тестирования первой версии мы собрали обратную связь и выкатили полноценное приложение. Теперь оно работает на разных моделях Android TV, умеет подключать USB-камеру для режима сплит-скрина.
Самое главное — получился удобный инструмент для обучения танцам. Пользователи могут заниматься на большом экране, видят себя рядом с преподавателем благодаря камере, а вся история тренировок синхронизируется с личным кабинетом.
И ещё один важный момент: после занятия приложение автоматически выходит из аккаунта. Мелочь, а приятно — следующий ученик гарантированно не попадёт в чужой профиль, даже если предыдущий забыл выйти.
Рассылка: как вести бизнес в России
Раз в неделю присылаем самые важные новости и лайфхаки для развития вашего бизнеса
Запуск мобильных приложений: одно приложение для iOS и Android вместо двух
Когда NextPro обратились к нам за разработкой мобильных приложений, у них была классическая идея — сделать отдельные приложения для iOS и Android. Звучит логично, но есть нюанс: две разные команды, две кодовых базы, двойные затраты на поддержку... Мы предложили другой путь — сделать одно приложение, которое будет работать на обеих платформах.
Почему мы не пошли классическим путём. Представьте: вы нашли баг в приложении. При классическом подходе нужно исправить его дважды — отдельно для iOS и Android. А потом провести двойное тестирование и два релиза. И так с каждым изменением. Звучит как лишняя работа, правда?
Поэтому мы выбрали Capacitor — фреймворк, который позволяет собирать мобильные приложения из веб-кода. Проще говоря, берём наше веб-приложение, немного его дорабатываем и получаем полноценные версии для обеих платформ.
Как собирали команду и процесс. В проект мы взяли iOS- и Android-разработчиков — они помогли адаптировать приложение под особенности каждой платформы. Подключили бэкендеров для настройки серверной части и QA для тестирования. Главное было наладить совместную работу так, чтобы все изменения плавно переносились с веба на мобильные платформы.
Процесс был такой: сначала перенесли базовый функционал, потом добавили мобильные фишки. Настроили платежи через App Store и Google Play, запустили push-уведомления о новых уроках. Особое внимание уделили видео — подключили HLS-стриминг, чтобы уроки воспроизводились без задержек даже при слабом интернете.
Что получилось в итоге. Единое приложение Kamon для iOS и Android с удобными платежами и push-уведомлениями.
Пользователь быстро авторизуется, продолжает просмотр с того места, где остановился, и получает доступ ко всем функциям веб-платформы, включая работу с камерой. Использование Capacitor сократило время разработки и упростило поддержку продукта.
Переработка монетизации: переход на подписки
На старте проекта мы начинали с простой схемы — клиент платит один раз и получает доступ к курсу. Работало, но были очевидные минусы: нестабильный доход и сложности с планированием развития. Поэтому нужно было перейти на подписную модель и автоматизировали все процессы.
Почему решили менять схему работы. Разовые продажи — это американские горки. Сегодня много продаж, завтра мало, послезавтра вообще тишина. А команду нужно содержать постоянно, новый контент создавать регулярно. Подписка решает эту проблему: клиент платит каждый месяц, мы точно знаем свой доход и можем планировать развитие.
Как готовились к переходу. Первым делом изучили, как работают подписки у других сервисов. Выбрали два платёжных сервиса — Т-Банк и CloudPayments. Почему два? Для надёжности: если один даст сбой, второй подстрахует.
Потом занялись технической стороной. Нужно было решить три главные задачи:
- Сделать удобную оплату. Клиент привязывает карту один раз, дальше списания автоматические.
- Настроить уведомления. Человек должен знать, когда спишутся деньги и что делать, если на карте их не хватает.
- Дать возможность управлять подпиской. Захотел — сменил карту, захотел — отключил автопродление.
Что пришлось переделать в системе. На бэкенде всё серьёзно переработали. Добавили хранение данных о картах (точнее, их токенов — так безопаснее), научили систему обрабатывать сигналы от платёжных сервисов. Теперь она автоматически проверяет сроки подписок и запускает новые платежи, когда нужно.
В личном кабинете появился раздел управления подпиской. Там всё просто: текущий статус, дата следующего платежа, кнопка отключения автопродления. И конечно, возможность сменить карту — мало ли, старая потерялась или истёк срок.
Для поддержки сделали удобную админку. В ней видно все платежи, все отправленные уведомления. Если клиент пишет «а где мои деньги?», можно за минуту разобраться, что случилось.
При этом админка используется не только для работы с платежами: в ней также можно управлять уроками и подписками — например, отслеживать активные подписки пользователей, продлевать доступ, а также работать с уроками (редактировать, добавлять новые и так далее.
Для ее создания мы использовали Laravel Backpack — это инструмент, который ускоряет разработку административных панелей. Он предоставляет готовый базовый функционал, например управление пользователями и платежами, что позволяет быстрее создать удобный интерфейс для поддержки клиентов.
Про юридическую сторону. Тут всё серьёзно — автоматические списания денег требуют особого подхода. Написали понятную оферту, где чётко объяснили: как работает подписка, когда списываются деньги, как отключить автопродление. При оформлении подписки просим поставить галочку «согласен с условиями». Просто галочки мало — даём ссылку на документ и просим его прочитать.
Как автоматизировали общение с клиентами. Настроили систему уведомлений:
- за три дня до списания напоминаем: «Скоро продлим подписку»;
- если денег на карте не хватило: «Упс, платёж не прошёл, давайте попробуем другую карту»;
- после успешной оплаты: «Спасибо, подписка продлена».
Рассылку email-уведомлений реализовали через Unisender. Это позволило избежать попадания писем в спам, а также это даёт возможность редактировать шаблоны прямо в Unisender, без необходимости дорабатывать интерфейс в админке.
Все сообщения написали человеческим языком, без канцелярита. И главное — в каждом письме есть понятные инструкции, что делать дальше.
Что получилось в итоге. Переход на подписки дал три главных результата:
- Доход стал предсказуемым — теперь школа точно знает, сколько денег придёт в следующем месяце.
- Клиенты стали дольше оставаться в Kamon — когда не нужно каждый раз принимать решение «платить или нет», люди просто продолжают заниматься.
- Поддержка разгрузилась — большинство вопросов по оплате теперь решается автоматически.
А ещё мы поняли важную вещь: автоматизация процессов должна делать жизнь проще и бизнесу, и клиентам. Если хотя бы одной стороне неудобно — система не работает.
Разработка бизнес-дашбордов
Дашборды нужны для контроля показателей продукта. Владельцы NextPro хотят видеть изменения в активности пользователей, количестве платежей и вовлеченности аудитории. Это помогает быстро проверять гипотезы: стоит ли добавлять новые курсы или менять цены, и когда запускать новую рекламную кампанию.
Как собирали данные в одном месте. Мы выбрали Power BI. Собрали в нём все важные для NextPro метрики:
- MAU (Monthly Active Users) — сколько людей реально занимается каждый месяц;
- конверсию в платную подписку — кто из пробников становится постоянным клиентом;
- Retention — сколько учеников возвращается заниматься снова;
- LTV (Lifetime Value) — сколько денег приносит один клиент за всё время.
Сделали удобные фильтры по датам — можно посмотреть и как идут дела прямо сейчас, и какой была динамика за последний год.
Как это помогло бизнесу:
- Ускорилось принятие решений. Раньше думали «может, попробовать это?» и неделями собирали информацию. Теперь NextPro открывают дашборд и видят картину целиком.
- Появилось понимание клиентского пути. Теперь точно известно, где теряются ученики: кто-то не может разобраться с регистрацией, кто-то уходит после пробного периода. Зная это, можно точечно улучшать проблемные места.
- Стало проще работать с контентом. Видно, какие уроки популярны, какие нет, на каком моменте люди обычно бросают просмотр. На основе этих данных корректируется программа обучения.
- Рекламные бюджеты стали работать эффективнее. Теперь маркетологи точно знают, какие каналы приносят больше подписчиков.
Что получилось в итоге. NextPro получили гибкое управление продуктом и маркетингом на основе данных. Владельцы NextPro получают полную картину работы сервиса. Благодаря этому они могут быстро тестировать идеи и вносить изменения, что помогает поддерживать рост и улучшать качество обучения.
Питчинг продукта инвесторам
Мы не участвовали напрямую в переговорах, но готовили всю информацию и поддерживали процесс как технические эксперты.
Как проходило:
- Собрали ключевую информацию о продукте — его технические возможности, потенциал масштабирования и планы по развитию.
- Организовывали сессии мозгового штурма с командой. Вместе определяли сильные стороны продукта и возможные точки роста. Это помогло подготовиться к встрече с инвесторами.
- Провели несколько интервью с представителями целевой аудитории и потенциальными партнёрами. Это подтвердило рыночную востребованность решения и добавило уверенности.
- Рассчитали ориентировочную стоимость дальнейшей разработки и поддержки продукта. Это обосновало финансовые потребности перед инвесторами.
Результат. NextPro успешно презентовали Kamon потенциальным инвесторам. Подготовленная информация позволила четко сформулировать предложение продукта и показать его потенциал. Техническая поддержка на всех этапах помогла укрепить доверие к продукту и упростила переговоры.
Участие в продуктовом планировании
После релиза MVP продукт уже работает, но это только начало. Чтобы он стал успешным бизнесом, нужно постоянно его улучшать.
Для этого мы: формируем бэклог фич, расставляем приоритеты и регулярно корректируем план. Это помогает учитывать запросы пользователей, данные из дашбордов и обратную связь от всех стейкхолдеров.
Что делали в начале работ:
- Сбор запросов. Получали пожелания от владельца, проджект-менеджера, пользователей и инвестора.
- Анализ данных. Изучали отчеты дашбордов: на что реагирует аудитория и где появляются узкие места.
- Подготовка плана. Составили дорожную карту: в каком порядке выйдут мобильные приложения, когда перезапускать монетизацию, какие курсы добавить.
Что потом:
- Регулярные встречи. Проводили статус-встречи и product backlog grooming. Обсуждали, что уже сделали и что вышло в релиз, корректировали план.
- Добавление новых гипотез. Вносили идеи, такие как платные мастер-классы или дополнительные курсы, и тестировали их.
Смотрели на результаты, анализировали данные и корректировали планы. Этот цикл повторялся постоянно.
Разработка и запуск новых версий
Каждая новая версия продукта — это набор доработок, исправление ошибок и добавление новых функций. Версии выпускались для разных платформ:
- Веб. Добавляли новые страницы, проводили редизайн лендингов и расширяли функционал личного кабинета.
- Мобильные приложения. Регулярно выпускали обновления в App Store и Google Play с новыми возможностями.
- Android TV. Вносили улучшения в навигацию и добавляли новые функции.
Что добавлялось:
- мастер-классы и курсы для углубленного обучения;
- «бусты» — наборы уроков с ограниченным сроком доступа и возможностью получить обратную связь от преподавателя;
- новые методы оплаты: промокоды, подарочные сертификаты и другие удобные варианты;
- оптимизация видеоплеера: улучшение производительности и доработка интерфейса;
- push-уведомления о новых уроках, событиях и напоминаниях;
- модель pay-per-course — возможность покупать отдельные курсы без подписки.
Роадмап помогал отслеживать приоритеты и этапы реализации. Каждая новая версия включала исправление ошибок и добавление новых функций, согласованных в рамках продуктового планирования.
Выводы: как превратили продукт в бизнес
Запуск MVP и развитие продукта. Мы запустили MVP-версию Kamon и продолжили его развитие. Постепенно добавляли новые возможности: мобильные приложения, переход на подписки, приложение для Android TV и бизнес-дашборды. Такой пошаговый подход сделал платформу удобной для учеников и принес стабильный доход.
Приложение для Android TV. Оно решило задачу учеников, которым удобнее заниматься на большом экране. Мы адаптировали интерфейс для работы с пультом и добавили функции, чтобы уроки проходили комфортно.
Кроссплатформенное мобильное приложение. Использование Capacitor позволило создать единое мобильное приложение для iOS и Android. Это сократило время разработки и упростило поддержку. Пользователи получили доступ ко всем функциям, а NextPro — возможность масштабироваться без лишних затрат.
Переход на подписки. Переход от разовых платежей к подпискам принёс регулярный доход. Мы внедрили технические решения, проработали юридические вопросы и автоматизировали процессы. Теперь пользователям проще управлять подписками, а NextPro — удерживать клиентов.
Бизнес-дашборды для контроля. Дашборды в Power BI помогают быстро отслеживать активность учеников. Владельцы видят изменения в ключевых показателях и оперативно принимают решения: добавляют новые курсы, корректируют цены или запускают рекламные кампании.
Подготовка к питчингу. Подготовка к встречам с инвесторами и постоянная техническая поддержка укрепили доверие к Kamon. Они смогли показать потенциал продукта и привлечь инвестиции для дальнейшего роста.
Регулярное планирование и обновления. Мы регулярно собираем отзывы, тестируем новые идеи и выпускаем обновления для сайта, мобильных приложений и ТВ-версии. Такой подход помогает держать продукт на плаву и быстро реагировать на изменения рынка.
В сентябре 2024 года мы перестали работать с продуктом, но несмотря на это в итоге NextPro получила не просто платформу для онлайн-уроков, а работающий бизнес с понятной монетизацией и инструментами для дальнейшего роста.
В сентябре 2024 года мы завершили работу над проектом Kamon. За время нашего сотрудничества NextPro увеличила количество регулярных подписчиков, наладила стабильные поступления от подписок и получила инструменты аналитики для планирования дальнейшего развития и масштабирования продукта.
