Fat Fighter личный фитнес-тренер, который всегда под рукой!

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

Оценка проекта

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

Аналитика и разработка технического задания

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

Прототипирование и дизайн-макеты

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

Проектирование и архитектура системы

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

Разработка приложения

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

Мобильное приложение имеет функции:
— Прямые эфиры с именитыми тренерами;
— Курсы на разные уровни подготовки;
— Меню для похудения, поддержания формы или набора веса;
— Калькулятор КБЖУ;
— Отслеживание изменения веса и объёмов.

Разработка панели администрирования

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

В данном проекте реализовали в виде web-приложения на React.js.
Панель администрирования отображает список пользователей с полями: ID, номер телефона, электронная почта, подписка, тип, промокод, тип аккаунта, статус аккаунта, активность.

Тестирование и подготовка к запуску

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

Публикация

Опубликовали мобильного приложения на выбранных маркетплейсах.

Обслуживание, расширение и обновление

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

Аналитика и разработка технического задания

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

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

Прототипирование и дизайн-макеты

Следующий этап разработки — создание прототипов и макетов интерфейсов.

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

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

Наши требования к дизайну выросли из задач, прописанных в ТЗ. Команда учла и особенности стандартов платформ Google и Apple, которые они предъявляют к интерфейсам.

В результате все макеты соответствовали строгим запросам и были согласованы с заказчиком.

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

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

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

Разработка приложения

При разработке мобильного приложения Fat Fighter мы задействовали самые современные технологии:

• для версий под Android и iOS были применены Kotlin и Swift;

• для серверной части – React.js и Node.js.

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

При реализации особое внимание было уделено логике разграничения ролей. В системе предусмотрены различные уровни прав, включая:

1. Пользователь – стандартный доступ ко всем внешним разделам сервиса.

2. Тренер – возможность работы с курсами.

3. Менеджер – частичные полномочия в административной панели.

4. Администратор – полный контроль за системой.

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

• Просматривать материалы курсов из оплаченной подписки.

• Отслеживать дневную норму калорий.

• Контролировать изменения веса и объёмов тела.

• Управлять настройками в разделе «Профиль».

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

Механика входа и персонализация

Чтобы сделать процесс авторизации максимально комфортным, приложение предоставляет несколько вариантов входа: через социальные сети или с использованием номера телефона.

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

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

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

В случае отсутствия активной подписки, система предлагает оформить ее.

У Fat Fighter есть три типа абонементов:

1. Start: для новичков с базовыми тренировками и ограниченным выбором – всего 6 курсов. Они включают простые упражнения, направленные на общее укрепление и поддержание формы.

2. Medium: для тех, кто уже освоил основы фитнеса. Здесь открыты 10 программ различной направленности – от тренировок на все тело до восстановительных после родов или проработки определённых групп мышц.

3. Pro: для опытных пользователей. В этом пакете помимо продвинутых марафонов из Medium, есть специальные тренировки для восстановления после травм, таких как проблемы с коленями, спиной и другими частями тела.

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

Также существует демо-подписка, которая позволяет в течение трёх дней попробовать уровни Start, Medium и Pro без возможности общения с тренером. В результате любой человек сможет выбрать оптимальный план для себя.

Тренировочный процесс и видеоплеер

В разделе «Тренировки» можно выбрать подходящий тариф из «Подписок Fat Fighter», получить доступ к персональным программам, а также ознакомиться с разнообразием упражнений.

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

Дополнительные возможности делают процесс еще более легким:

• «Продолжение с последнего момента» позволяет запустить курс с того места, где остановились.

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

• Функция «Тренировка пройдена» отмечает завершенные занятия в разделе «Мой прогресс», что упрощает отслеживание достижений.

Прямые эфиры: Интерактивный формат тренировок

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

Раздел «Прямые эфиры» можно открыть двумя способами:

1. автоматически при запуске приложения, если авторизация и анкета уже заполнены;

2. вручную через вкладку в нижнем меню.

Интерфейс включает три блока: «Календарь прямых эфиров», «Эфиры» и «Мои эфиры».

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

После завершения карточка эфира остается активной и к ней можно вернуться. Когда видео доступно для повторного просмотра, пользователю приходит push-уведомление.

Важно, что повтор можно смотреть в течение 72 часов после получения уведомления. Затем карточка автоматически удаляется. Такое решение не случайно, оно стимулирует не пропускать тренировки, даже если пользователи не успели участвовать в них в реальном времени.

Панель администрирования

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

Инструмент стал ключевым звеном в экосистеме приложения как для администраторов, так и для тренеров.

Роли пользователей. Кто и за что отвечает

В механизме предусмотрено четкое разграничение возможностей между пользователями и администраторами.

Внешние роли – те, кто взаимодействует с приложением:

• Авторизованные аккаунты, использующие сервис для тренировок.

• Тренеры – ведущие эфиров, создающие и модерирующие контент.

 Внутренние – управляющие платформой:

• Администратор – отвечает за глобальное руководство, в том числе менеджерами.

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

Для координации спроектирован отдельный интерфейс, позволяющий оперативно находить нужных клиентов, контролировать подписки и анализировать активность.

Помимо этого панель менеджера включает несколько функциональных вкладок:

1. Администрирование тренеров – управление профилями.

2. Администрирование курсов – добавление и редактирование программ.

3. Администрирование прямых эфиров – настройка расписания и трансляций.

4. Статистика – анализ данных по подпискам и пользователям.

5. Назначение участников тренерам – персонализированный подход.

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

Тестирование и подготовка к запуску

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

Нашей главной целью было разработать стабильный продукт без багов. Поэтому перед запуском Fat Fighter мы провели комплексное тестирование.

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

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

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

Fat Fighter взаимодействует с различными сервисами: системами подписки, платежными шлюзами, облачными хранилищами и видеоплатформами для трансляций. NooSoft убедился, что все модули "разговаривают" друг с другом без сбоев и корректно передают данные.

Заключительные шаги перед запуском

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

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

После долгих месяцев воплощения идеи в жизнь и доработок приложение Fat Fighter наконец было готово.