Яндекс.Метрика
Услуги Портфолио Контакты БлогНовости +7 (800) 511‑32‑27 Обсудить проект
SportTech · iOS + Android + веб-админка

Приложение для фитнес-марафонов: кейс

MFIT — программный продукт для прохождения платных фитнес-марафонов и спортивных конкурсов. В экосистему входят нативные приложения для iOS и Android и веб-панель администрирования обеих платформ. Стек: PHP Laravel, React, Kotlin, Swift.

Нативные iOS и AndroidКаталог марафонов с расписаниемОплата программ в приложенииКонкурсы с голосованиемВстроенный интернет-магазинМетодология SCRUM · 5 месяцев
MFIT — обложка кейса
MFITФитнес и спорт
Клиент
Организатор платных фитнес-марафонов
Отрасль
Фитнес и спорт
Платформы
iOS · Android · Web
Срок
5 месяцев

О продукте

Коротко — что это за продукт и для кого мы его делали.

MFIT — это не одно приложение, а связка из трёх продуктов вокруг общих данных: iOS-клиент на Swift, Android-клиент на Kotlin и веб-панель администратора. Участник авторизуется, выбирает марафон в каталоге, оплачивает программу прямо в приложении и включается в челлендж — ведёт статистику, соревнуется с другими и выкладывает результаты на голосование.

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

Задача

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

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

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

SportTech-продукт — приложение живёт в реальном пользовательском сценарии: участник тренируется, платит за программу и соревнуется, а не просто листает контент.

Высокая неопределённость на старте — границы и приоритеты уточнялись по ходу, поэтому работали по методологии SCRUM короткими итерациями.

Сжатые сроки — весь продукт из трёх приложений собран за 5 месяцев.

Трёхсоставной продукт — нативные iOS и Android плюс веб-панель администрирования работают как единая система вокруг одних данных.

Решение и подход

Как мы собрали продукт — от архитектуры до процесса.

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

Архитектуру разделили на три клиента вокруг общего бэкенда: iOS на Swift, Android на Kotlin и веб-панель администратора на React. Серверная логика и API — на PHP Laravel. Так организатор управляет обеими мобильными платформами из одного места, а данные участников остаются едиными.

Технологический стек

Инструменты подобраны под задачу продукта.

Почему нативная разработка для мобильных платежей и push

Приложение работает с платёжными данными пользователей и доставляет push-уведомления. Нативный стек на Swift и Kotlin даёт прямой доступ к системным API: встроенная платёжная инфраструктура платформ (StoreKit на iOS, Billing API на Android) и нативные push (APNs / FCM) работают с минимальным промежуточным слоем, что упрощает поддержку и снижает риск отказа при обновлениях ОС.

Кросс-платформенные фреймворки рассматривались, но нативный стек выбран из-за более предсказуемого поведения платёжных и push-компонентов и возможности точечно настроить UI под HIG (iOS) и Material Design (Android).

Функции продукта

Ключевые возможности, которые закрыли задачу бизнеса.

1

Регистрация и авторизация

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

2

Каталог марафонов

Список программ с расписанием и описанием — участник выбирает марафон и подключается к участию.

3

Оплата в приложении

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

4

Конкурсы с голосованием

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

5

Встроенный магазин и комментарии

Интернет-магазин внутри приложения и комментарии к активностям сообщества.

6

Админ-панель с push

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

Как это работает

Ключевые экраны продукта — по шагам.

Вход и регистрация

Вход и регистрация

Приложение открывается брендированным экраном MFIT с приглашением «Time to start your challenge!» и переключателем Login / Register.

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

Каталог челленджей и темы

Каталог челленджей и темы

Главный экран Explore показывает топовые челленджи каруселью («Cardio — get active and challenge your friends»), темы (Workout, Diary, Taking care, Rest) и советы Tips to achieve.

Соседний экран Challenges делит программы на вкладки All / New / Advanced и выводит плитки марафонов — Before & After, 12 fasting, Breathe!, WinterOut, — а сверху показывает челлендж, в котором участник уже состоит.

Карточка марафона и оплата

Карточка марафона и оплата

Карточка челленджа «Before & After» раскрывает суть программы, состав участников и цену со скидкой (2,99$ → 1,99$) — оплата и подключение происходят прямо здесь.

Списком показаны выгоды участия: делиться результатом, набирать очки, побеждать в конкурсах и получать приз. Кнопка «Start challenge» запускает участие в марафоне.

Статистика и добавление результата

Статистика и добавление результата

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

Через «Add result» открывается форма ввода: выбор даты и внесение результата в километрах — так прогресс участника попадает в общий зачёт марафона.

Личный зачёт и рейтинг участников

Личный зачёт и рейтинг участников

Экран челленджа сводит личные показатели и таблицу лидеров Overview: участники ранжируются по очкам с местами #1, #2, #3 и аватарами.

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

Профиль, активности и награды

Профиль, активности и награды

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

Ниже — блок Activities с текущими марафонами и раздел Awards с полученными наградами (Unstoppable!, Attraction!), которые мотивируют проходить программы до конца.

Данные участников и 152-ФЗ

Платёжные и профильные данные участников обрабатываются по требованиям 152-ФЗ с локализацией персональных данных на территории России.

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

В цифрах

3
приложения в экосистеме
2
нативные платформы: iOS и Android
5
месяцев на весь продукт
SCRUM
методология разработки
  • 2 нативных приложения — iOS (Swift) и Android (Kotlin) — с общим бэкендом.
  • Веб-административная панель для управления контентом обеих платформ.
  • Каталог марафонов с расписанием занятий и упражнений по дням.
  • Оплата программ тренировок прямо внутри приложения.
  • Конкурсы с загрузкой фото и голосованием участников.
  • Push-уведомления из единой админки о новых программах, акциях и стартах.

Архитектура и персональные данные

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

Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Персональные данные пользователей обрабатываются по требованиям 152-ФЗ; статус оператора проверяется в реестре операторов ПДн РКН.

Часто задаваемые вопросы

Что умеет приложение для фитнес-марафонов?
Каталог марафонов с расписанием, оплату программ внутри приложения, конкурсы с голосованием, встроенный магазин и личный кабинет участника.
Как происходит оплата программ?
Оплата выбранного марафона выполняется прямо в приложении, что позволяет быстро подключиться к участию.
На каких платформах работает приложение?
Нативно на iOS и Android, с единой веб-административной панелью для управления контентом и активностями.
Как устроены конкурсы?
Участники выкладывают фото и результаты в отдельном разделе, другие пользователи просматривают список и голосуют за понравившиеся достижения.
Как защищены данные участников?
Платёжные и профильные данные обрабатываются по требованиям 152-ФЗ с локализацией персональных данных.

Наши клиенты

Компании из ритейла, медтеха, логистики и электронной коммерции, которым мы помогли с цифровыми продуктами.

SuperStep
Юнилаб
Plonq
Галамарт
Гром
move2Armenia
Мосокна
Вилка Ложка
Конга
xRouten
AIS

Услуги веб-студии YuSMP Group

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

Мобильная разработка

Нативные и кросс-платформенные приложения для iOS и Android под задачу и бюджет.

Подробнее →

Разработка мобильных приложений под iOS

Нативные приложения для iPhone и iPad на Swift и SwiftUI.

Подробнее →

Разработка мобильных приложений под Android

Приложения для Android на Kotlin и Jetpack Compose.

Подробнее →

Кроссплатформенный подход

Одно приложение сразу на iOS и Android на Flutter.

Подробнее →

Веб - разработка

SPA, порталы и веб-платформы на React / Next.js и Node.

Подробнее →

Backend-разработка

Серверная часть, API, базы данных и интеграции на Node.js, PHP и Python.

Подробнее →

Разработка под ключ

Продукт под ключ: аналитика, дизайн, разработка и запуск.

Подробнее →

MVP

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

Подробнее →

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

Ручное и автоматизированное тестирование — стабильный релиз на всех устройствах.

Подробнее →

UI/UX-дизайн

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

Подробнее →

Прототипирование

Кликабельный прототип для проверки идеи до разработки.

Подробнее →

Создание сайтов

Корпоративные сайты, лендинги и интернет-магазины под ключ.

Подробнее →

IT - аудит

Аудит ИТ-инфраструктуры, кода и безопасности.

Подробнее →

SEO‑продвижение

Вывод сайта в топ Яндекса и Google — трафик и заявки из поиска.

Подробнее →

Контекстная реклама

Яндекс Директ — заявки с первого дня и контроль цены лида.

Подробнее →

SMM‑продвижение

Соцсети и таргет — узнаваемость бренда, комьюнити и заявки.

Подробнее →

Обсудим ваш проект?

Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.

Телефон
Звонок бесплатный
Бесплатный аудит и оценка проекта — вернёмся с планом за 1–2 дня.

* При условии заключения договора на разработку. Услуга технический SEO аудит сайта предоставляется с отчетом и списком рекомендаций.

Обсудим ваш проект

Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.