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

О продукте
Коротко — что это за продукт и для кого мы его делали.
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).
Функции продукта
Ключевые возможности, которые закрыли задачу бизнеса.
Регистрация и авторизация
Вход по email или через социальные сети, личный кабинет участника с прогрессом и наградами.
Каталог марафонов
Список программ с расписанием и описанием — участник выбирает марафон и подключается к участию.
Оплата в приложении
Программа оплачивается прямо внутри приложения, что позволяет быстро подключиться к участию.
Конкурсы с голосованием
Участники выкладывают фото и результаты, другие пользователи просматривают их и голосуют за понравившиеся достижения.
Встроенный магазин и комментарии
Интернет-магазин внутри приложения и комментарии к активностям сообщества.
Админ-панель с 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 по управлению информационной безопасностью.
В цифрах
- 2 нативных приложения — iOS (Swift) и Android (Kotlin) — с общим бэкендом.
- Веб-административная панель для управления контентом обеих платформ.
- Каталог марафонов с расписанием занятий и упражнений по дням.
- Оплата программ тренировок прямо внутри приложения.
- Конкурсы с загрузкой фото и голосованием участников.
- Push-уведомления из единой админки о новых программах, акциях и стартах.
Архитектура и персональные данные
Бэкенд обрабатывает платёжные и профильные данные участников. Передача данных между клиентом и сервером осуществляется по HTTPS; платёжные реквизиты не хранятся на устройстве. Уведомления отправляются через серверные очереди, без прямого доступа мобильного приложения к платёжному шлюзу.
Соответствие: 152-ФЗ, оператор ПДн в реестре РКН, ИСО 27001 (внедрение), локализация персональных данных. Персональные данные пользователей обрабатываются по требованиям 152-ФЗ; статус оператора проверяется в реестре операторов ПДн РКН.
Часто задаваемые вопросы
Что умеет приложение для фитнес-марафонов?
Как происходит оплата программ?
На каких платформах работает приложение?
Как устроены конкурсы?
Как защищены данные участников?
Наши клиенты
Компании из ритейла, медтеха, логистики и электронной коммерции, которым мы помогли с цифровыми продуктами.
Услуги веб-студии 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‑продвижение
Соцсети и таргет — узнаваемость бренда, комьюнити и заявки.
Подробнее →Наши кейсы
Ещё продукты, которые мы спроектировали и запустили.

LiMP
Мобильный VPN для iOS и Android: WireGuard‑стек, no‑logs и сплит‑туннелирование.

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

Личный кабинет для финтех‑сервиса
Веб‑кабинет: типы профилей, статистика по договорам, адаптив на Laravel и React.
Блог наших экспертов
Разбираем разработку и технологии простым языком.
Обсудим ваш проект?
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.
Обсудим ваш проект
Расскажите задачу — за 1–2 дня вернёмся с оценкой сроков, бюджета и составом команды.













