Мобильное приложение I Love Supersport

Главное о кейсе

3 months after the launch, the app was released in the App Store. We have collected feedback and outlined further paths of product development. Thanks to the application, the client was able to additionally involve the audience in the learning process, create a school community. In the future, it is planned to adapt the product to other departments and create an Android application.

--

Через 3 месяца после старта приложение было выпущено в App Store. Мы собрали обратную связь и наметили дальнейшие пути развития продукта. Благодаря приложению клиент смог дополнительно вовлечь аудиторию в процесс обучения, создать комьюнити вокруг школы. В будущем планируется адаптация продукта под другие направления и создание Android-приложения.

Бизнес-задача и ее решение

THE TASK
Provide school students with the opportunity to manage their personal training schedule for various sports, track their progress, receive information about upcoming events, and also communicate with coaches and like-minded people.

SOLUTION
— create an iOS application where users can manage the training schedule in their profile
— add a feed with useful materials and instructions for classes
— integrate a solution for student-coach communication

ANALYTICS
To cover all school departments, two options for the service development were proposed: a series of applications for each sport or a single application with a choice of departments. At the stage of analytics, it was necessary to decide which of the proposed options would be best.

We started by finding out how much the user experience will vary between different sports. After a series of interviews with the founders and students of the school, we came to the conclusion that the general algorithm for using the application will not change, the interface will differ only in the branded color scheme, the new functions will be extended to all the departments. Therefore, the option of a single application with a choice of departments has become the main solution.

Such a solution made it possible to instantly switch between programs in various sports and practice them simultaneously.

DESIGN
The corporate style of the school was taken as the basis for the application design, where each sport had its own color.

We developed a dynamic color scheme change system in the app, so if the school starts training cyber sportsmen, we will add a new department in just a couple of hours.

In the first version of the interface, we merged the training schedule with the calendar, which seemed to be the obvious solution. But when the number of classes statuses increased to 5, and the information failed to fit into the screen, it had to be delivered over to the list. So the screen became simple and informative.

DEVELOPMENT
It was important for the client to get a productive and responsive application, so we chose a native development. Swift allowed us to use the most convenient and recent developments in the mobile industry.

The reliable MVVM was chosen as the architectural solution . It involves the use of a reactive approach in programming, which RxSwift best copes with. This combination allowed us to build a flexible project structure open to change and expansion.

For the same purpose — openness to change — GraphQL, an API query language that allows you to customize client-server interaction, was applied without actual changes on the server side.

--

ЗАДАЧА
Предоставить ученикам школы возможность управлять личным расписанием тренировок по разным видам спорта, отслеживать свои успехи, получать информацию о предстоящих мероприятиях, а также общаться тренерами и единомышленниками.

РЕШЕНИЕ
— создать iOS-приложение, в котором пользователь сможет управлять расписанием тренировок в личном кабинете
— добавить ленту полезных материалов и инструкций для занятий
— интегрировать решение для коммуникации учеников с тренерами

АНАЛИТИКА
Для охвата всех направлений школы было предложено два варианта развития сервиса: серия приложений под каждый вид спорта или единое приложение с возможностью выбора направления. На этапе аналитики предстояло решить, какой из предложенных вариантов будет оптимальным.

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

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

ДИЗАЙН
В качестве основы для оформления приложения был взят фирменный стиль школы, где каждый вид спорта имел свой цвет.

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

В первой версии интерфейса мы наложили расписание тренировок на Календарь, что казалось очевидным решением. Но когда количество статусов занятий увеличилось до 5, а информация перестала помещаться в границы экрана от него пришлось отказаться в пользу списка. Так экран стал легким и информативным.

РАЗРАБОТКА
Клиенту было важно получить производительное и отзывчивое приложение, поэтому мы выбрали нативную разработку. Язык Swift позволил использовать самые удобные и свежие наработки мобильной индустрии.

В качестве архитектуры был выбран надежный MVVM. Он подразумевает использование реактивного подхода в программировании, с которым лучше всего справляется RxSwift. Такая связка позволила нам построить гибкую структуру проекта, открытую к изменениям и расширению.

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

Прочая информация о кейсе

This is a mobile application for students of the I Love Supersport swimming school , where athletes study materials, plan independent workouts and communicate with headquarters.

The app contains:
A training plan: a detailed description of training and video with examples of exercises.
Useful materials: a selection of useful articles about the technique, endurance and recovery, videos and description of the exercises.
A chat with staff: contact the coach 24/7.
News: we cover important events from the world of cyclic sports.

--

Мобильное приложение для учеников школы плавания I Love Supersport, где спортсмены изучают материалы, планируют самостоятельные тренировки и общаются со штабом.

Что в приложении:
Тренировочный план: подробное описание тренировок и видео с примерами упражнений.
Полезные материалы: подборки полезных статей о технике, выносливости и восстановлении, видеоролики и описание упражнений.
Чат со штабом: связь с тренером 24/7.
Новости: освещаем важные события из мира циклических видов спорта.

Текущая доступность работы

https://itunes.apple.com/ru/app/swimming/id1348743321?l=ru&mt=8

Скриншоты

Комментарий заказчика

The Mad Brains team has established itself as a reliable result-oriented business partner. We would like to note the degree of personal responsibility of each employee of the studio, the efficiency and well-built communication process.Together, we were able to bring the high-tech mobile application to the market in a short time, to further engage the audience in the learning process, to create a community of sports fans around the school.
We are looking forward to further effective cooperation!

--

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

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

Надеемся на дальнейшее плодотворное сотрудничество!