Мобильное приложение Watch & do it для спортивного комьюнити

К нам обратился Иван Кузьмин, спортсмен-любитель, занимающийся вейксерфингом, с запросом разработать мобильное приложение для спортивного комьюнити.

Приложение должно закрывать боль спортсменов — возможность самостоятельно оттачивать технику, сравнивая собственное выполнение элементов с «эталонным».

Идея необходимости такого сравнения пришла из практического опыта: клиент и другие спортсмены смотрели видео мастодонтов, в затем снимали свои с такого же ракурса и склеивали в приложениях для монтажа видео.

Сначала мы реализовали MVP и выпустили его на iOS. Сейчас работаем над расширением функционала и сфер применения приложения.

Особенности проекта:

– небольшой вес приложения,

– простота использования,

– интернациональность (приложение на английском языке),

– основной функционал приложения, реализованный в рамках MVP, не требует работы интернета (за исключением, если необходимо подгрузить видео из iCloud).

Перед стартом работ мы провели брифинг клиента и опросы среди спортсменов.

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

Неудобно монтировать два вертикальных видео;

Сложно скоординировать фигуры двух людей на видео и сделать так, чтобы они синхронно двигались;

Для понимания и сравнения важно, чтобы фигуры людей были как можно ближе друг к другу — при самостоятельном монтаже этого сделать не удавалось;

Спортсмены катаются с разных ног и сторон, поэтому нужно отзеркаливать видео.

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

Для приложения мы также разработали символичный простой логотип, основанный на концепции и названии приложения: V+V=W.

Разработка и запуск MVP

Технологии

Приложение Watch & do it разработано на JavaScript-фреймворке React Native. Также мы использовали язык программирования TypeScript.

Выбор технологий обусловлен следующими факторами:

– скорость разработки,

– возможность создавать нативные кроссплатформенные приложения,

– наличие встроенной проверки типов,

– простота внесения изменений,

– простота масштабирования приложения.

На данный момент приложение доступно пользователям iOS и загружено в AppStore. Выбор платформы был обусловлен пожеланием заказчика для разработки MVP. Но благодаря базовому коду мы можем сделать приложение кроссплатформенным, легко адаптируя его к веб и Android.

Помимо основных технологий, во время разработки мы использовали swift для thumbnails и ffmeg для сохранения и форматирования видео.

Функционал MVP

Основной функционал приложения заключается в процессе сопоставления видео.

Приложение предоставляет следующие возможности:

– загружать вертикальные и горизонтальные видео,

– масштабировать и двигать видео так, чтобы наиболее удачно сравнивать свой результат и результат профессионала,

 – точно обрезать каждое видео,

– фиксировать момент действия с помощью ключевых точек на таймлайне,

– проигрывать результат, смотреть все ли устраивает — быстрый предпросмотр.

Один из самых сложных моментов при работе с главным экраном для наших разработчиков стало интегрирование нативного обрезания на swift для плавности работы и точного выбора момента для обрезки выбора.

Запуск MVP

До запуска MVP был протестирован спортсменами-любителями. 94% пользователей ответили, что приложение действительно упрощает процесс сопоставления трюков. 81% опрашиваемых сказали, что хотели бы иметь такое приложение на своем смартфоне.

В процессе тестирования были выявлены некоторые моменты, которые нужно улучшить в следующих версиях приложения:

– качество загрузки видео (на данный момент 720p),

– скорость загрузки видео на устройство.

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

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

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

В рамках модернизации приложения мы используем Django и DRF (Django REST Framework) для организации API, которое необходимо для «общения»с мобильным приложением. Фреймфорк позволяет создать универсальное API, поэтому подходит для работы веб-версии приложения, которое, всего скорее, будет создано во время следующего этапа модернизации.

Для хранения данных пользователей используем базу данных MySQL 8.0. Мы остановились на этом решении, так как эта система управления базами данных является высокоскоростной, безопасной, позволяет работать с большим объёмом данных.

Пользователь может зарегистрироваться и авторизоваться в приложении с помощью ввода данных Apple ID или Google.

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

В профиле пользователь может оставить отзыв на работу приложения, обратиться в поддержку, если возникли какие-либо проблемы с работой приложений, выйти из приложения и перейти в настройки. В настройках есть возможность изменить пароль.

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

История проектов хранится локально. Видео также кешируется в приложении, даже если его пользователь удалит из библиотеки.

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

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

Все видео в Библиотеке сортируются по следующим критериям: время года (летний или зимний вид спорта) и уровень подготовки (начинающий, средний, продвинутый).

Одно из направлений развития Библиотеки — это формирование собственной подборки: пользователь сможет выбирать только ему интересные видео и сохранять в свою собственную Библиотеку.

Мы успешно разработали и запустили MVP приложения Watch & do it на платформе iOS, который закрывает одну из болей целевой аудитории.

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