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

  • Приложение

  • Соц. проект

Интро

За 6 месяцев разработали мобильное приложение Ujitsu, которое поможет пользователям развиваться в искусстве джиу-джитсу, где бы они ни находились.

01

Интро

В MobileUp обратились энтузиасты из Дубаи, которые занимаются бразильским джиу-джитсу (BJJ)

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

Запуск приложения должен состояться в ОАЭ, поскольку в Дубае сосредоточено около 300 академий и проходят крупные соревнования по BJJ. В планах проекта — экспансия на другие рынки.

02

Задача

Создать мобильное приложение для BJJ-сообщества, которое поможет каждому развиваться в контакте с единомышленниками

Совместно с брендинговым агентством ENDY заказчики подготовили айдентику и фирменный стиль, чтобы продвигать Ujitsu офлайн. Нам требовалось адаптировать все составляющие под цифровую среду и с нуля разработать нативное приложение для Android и iOS, включая серверную часть продукта.

03

Решение

Разработали инструмент, который помогает спортсменам записываться на занятия и отслеживать свой прогресс, а академиям — управлять расписанием тренировок онлайн

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

04

Аналитика

Упаковали требования к продукту

Чтобы создать приложение для джиу-джитсеров — нужно думать, как джиу-джитсер, нужно стать… Ujitsu. Что мы и сделали. Чтобы спроектировать функциональность приложения, мы глубоко погрузились в предметную область и собрали все ценные знания о BJJ, которыми обладает заказчик.

Заголовок

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

Глеб Гусько

TeamLead команды аналитики

За кадром: в какой-то момент познания о джиу-джитсу достигли апогея, и команда проекта начала заимствовать термины, например, «роллинг». В BJJ это один из видов поединков. Когда наши дизайнеры работают над сложной задачей, то говорят, что «роллятся» над ней. А копирайтер, чтобы изучить тему, даже записался на тренировку. Правда, в конечном итоге его исключили с занятия. Вердикт — задавал слишком много вопросов.

Изучили, чем живут «джитсеры», чтобы оцифровать процессы

У академий есть расписания тренировок. Спортсмен может подобрать в них занятие и добавить в свой календарь с помощью приложения. А при посещении занятия — зачекиниться через QR-код. Так академия видит, что атлет пришёл на тренировку, и занятие учитывается в личной статистике спортсмена.

Чтобы продумать эту механику, сделать её нативной и не накладывать много действий на пользователя и академию, нужно было понять, как процесс происходит офлайн, и изучить лучшие практики в других сферах. Наверное, все мы ходили на концерты или в кино, где сканировали QR-код на входе — в Ujitsu похожий сценарий.

Таким же образом мы разрабатывали логику и других фич, например, поиска спарринг-партнёров. Узнавали, как это работает в жизни, и продумывали, как реализовать в приложении.

05

Дизайн

Переосмыслили гайдбук и адаптировали решения под цифровую среду

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

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

Спроектировали интерфейс с учётом ролей пользователей

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

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

Примечание редакции: практически каждый участник команды отметил разработку ролей как одну из самых интересных и сложных в реализации фич проекта.

Заголовок

У нас, по-моему, ещё не было проекта с таким количеством ролей: атлет, администратор академии, тренер, спонсор. Было интересно продумывать логику, потому что в голове приходилось удерживать достаточно много нюансов: какой экран видит тот или иной пользователь, какие возможности ему доступны и так далее. В этом как раз таки прелесть работы над проектом Ujitsu.

Ася Михайловская

Дизайнер

Ujitsu — многофункциональное приложение. Можно сказать, что это суперапп в мире BJJ. Оно состоит из нескольких модулей, в каждый из которых заложены определённые возможности. Мы продумали дизайн продукта так, чтобы внедрять фичи бесшовно — не затрагивая другие функции приложения.

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

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

06

Разработка

Разработали серверную часть приложения и ловко расширяем функциональность

Вся разработка проекта ведётся на нашей стороне, включая бэкенд — «начинку» продукта. С одной стороны — это большой пласт работы, с другой — невероятная гибкость. Мы не зависим от сторонних систем и можем оперативно добавлять в приложение новые фичи.

Реализовали пошаговую регистрацию

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

Сделали удобный поиск тренировок и спарринг-партнёров

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

Ещё в Ujitsu можно находить других спортсменов и приглашать их сразиться в поединке. Расписание ближайших спаррингов также будет доступно в календаре. После тренировочного боя можно оставить отзыв о противнике с помощью тегов, например, adaptive или aggressive. Эти теги помогают более точно подбирать партнёров по спаррингу, которые близки атлету по духу и стилю борьбы.

Проработали социальную составляющую

Ujitsu не просто связывает спортсменов и академии. Оно помогает отслеживать свой прогресс, рассказывать о достижениях, поддерживать свою мотивацию и становиться узнаваемым в сообществе BJJ.

За это отвечает следующая функциональность:

  • заполнения профиля;

  • учёт посещённых занятий;

  • подписка на аккаунты спортсменов и академий;

  • расписание мероприятий по джиу-джитсу;

  • лидерборд — рейтинг атлетов, которые сходили на большее количество тренировок и спаррингов в городе.

Реализовали функциональность, которая помогает академиям упростить работу с тренировками

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

Заголовок

Для отображения мест, где академии проводят тренировки или ивенты, мы интегрировали Google Maps SDK. При этом реализовали возможность ввести адрес и выбрать его в списке предложенных. Для этого использовали Google Places API. А чтобы пользователь мог указать точку на карте, просто перемещая её, мы подключили Geocoding API. Совокупность этих систем позволяет выстроить простое и понятное, но в то же время полноценное взаимодействие с пользователем, давая ему возможность работать с картами так, как удобно.

Гавриил Петров

Android-разработчик

Заполнив профиль, администратор публикует расписание занятий. В форме добавления тренировок мы учли все важные особенности. Кроме очевидных вещей, вроде времени, места и уровня подготовки, можно, например, указать, обязательно ли наличие «ги» у спортсмена — в бразильском джиу-джитсу так называют кимоно. Это значимый параметр, поскольку есть такие приёмы, которые выполняют только в нём.

Подключили возможность генерировать и сканировать QR-код

В Ujitsu спортсмен может создать ссылку на свой профиль в виде QR-кода и шерить его где угодно, а академия — получить код тренировки. Считывать созданные QR-коды также можно в приложении или с помощью камеры телефона. За счёт технологии Deeplink устройство распознает, что отсканированную ссылку нужно открыть именно в нашем приложении.

Заголовок

Для генерации QR мы задействуем возможности фреймворка Core Image. Он позволяет создать изображение QR-кода и добавить к нему нужную информацию. В нашем случае — ссылку на тренировку, профиль спортсмена или академии.

Ян Бойко

iOS-разработчик

Такая механика помогает автоматизировать учёт посещаемости — академии не нужно следить, кто пришёл или не пришёл на тренировку, и отмечать вручную. Также занятия отображаются в достижениях спортсмена.

Продумали систему уведомлений

Приложение информирует пользователя о важном. Например, если кто-то позовёт атлета на спарринг или подпишется на профиль, он увидит уведомление на экране смартфона. Также все оповещения сохраняются в специальном разделе приложения. Для реализации пуш-уведомлений мы использовали инструмент Firebase Cloud Messaging.

07

Тестирование

Удостоверились, что создали удобный и понятный продукт

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

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

Заголовок

Хорошо, если бы во всех сферах было такое приложение, как Ujitsu. Чтобы люди, которые чем-то увлекаются, легко подбирали для себя занятия, записывались на них, отслеживали свои результаты, смотрели обучающие материалы — всё в одном месте. И это даже не сайт, а мобильное приложение, которое всегда под рукой.

Илья Паршиков

QA TeamLead

08

Результат

Разработали продукт, который должен стать незаменимым в сообществе BJJ

Ujitsu — приложение с большим набором возможностей. Чтобы ускорить запуск продукта, мы расширяем функциональность постепенно.

Заголовок

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

Платон Культин

Руководитель проекта

Первая версия приложения уже доступна в App Store и Google Play. В ней собрана информация о популярных академиях в Дубае, Абу-Даби, Аджмане и Шардже. Спортсмены могут записываться на занятия, отслеживать свой прогресс и узнавать об интересных мероприятиях по джиу-джитсу.

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

09

Команда

  • Аналитик

    Глеб Гусько

  • Дизайнеры

    Евгений Свавильнов, Иван Андреев, Ася Михайловская

  • iOS-команда

    Виталий Вишняков, Павел Кривцов, Ян Бойко, Мария Нестерова, Кирилл Капис

  • Android-команда

    Гавриил Петров, Даниил Трапезников, Ярослав Гриценко

  • Backend-команда

    Андрей Панько

  • QA

    Илья Паршиков

  • Руководитель проекта

    Платон Культин

01

Сотрудничество

Контакты

0

Мы всегда рады сотрудничеству и новым проектам.

Опишите задачу, и мы с вами свяжемся.
Или напишите в Телеграм.

Давайте знакомиться!

ВыбратьОткуда вы о нас узнали
  • Рейтинги
  • Рекомендации
  • Конференции
  • Публикации
  • Соцсети
  • Другое

Нажимая «Отправить», вы даете согласие на обработку персональных данных и соглашаетесь c политикой конфиденциальности

Ваша заявка успешно отправлена

Мы все изучим и скоро выйдем на связь