Jarvis Coach TMA
Telegram Mini App (TMA) & AI-тренер по биомеханике, осанке и трекингу привычек
Контекст и исходный вызов
Доставка контента по здоровью и разминке через обычные мобильные приложения страдает от низкой вовлеченности: пользователи забывают их открывать. Так как 90% рабочего времени специалисты проводят в мессенджере, возникла задача создать Telegram Mini App (TMA), который бесшовно встраивается в повседневную переписку, присылает умные нотификации и открывает высокоскоростной интерактивный интерфейс трекера в 1 тап.
Жесткие рамки и технические вызовы
Специфика Telegram WebApp API
Корректная адаптация под мобильные ОС (iOS, Android) и десктопные клиенты с учетом safe-area.
Тактильный отклик без лагов
Синхронизация Telegram Haptic Feedback с действиями пользователя для ощущения нативного мобильного приложения.
Бесшовная синхронизация
Интеграция состояния с ботом @mrthe_jarvis_coach_bot и сохранение данных в Telegram CloudStorage.
Инженерное проектирование и реализация
Telegram Mini App (TMA) SPA
Микро-SPA на Tailwind CSS с динамической адаптацией под цветовую палитру пользователя в Telegram.
Telegram Бот-Ассистент
Демонизированный сервис на Grammy.js, присылающий умные напоминания о смене рабочей позы.
Шина Agent-Bus интеграция
Связка с общим флотом агентов Jarvis для обмена статистикой продуктивности.
- ▹Telegram WebApp Frontend: Микро-SPA на Tailwind CSS с поддержкой системной темы Telegram (автоматическое переключение темной/светлой палитры), плавные слайдеры таймеров, виброотклик при фиксации выполненных упражнений.
- ▹Бот-компаньон
@mrthe_jarvis_coach_bot: Бот на базе Grammy Framework, отправляющий регулярные напоминания о смене позы с инлайн-кнопкой вызова Mini App. - ▹UI Галерея: Полноэкранный мобильный интерфейс TMA с индексом осанки C1–C7, карточками персонального протокола дня и прогресс-баром.
Галерея реальных интерфейсов
Оригинальные UI-скриншоты продакшн-системы
Telegram Mini App интерфейс трекера
Полноэкранный WebApp в Telegram с индексом осанки C1-C7, персональным протоколом дня и Haptic-откликом.
Измеримый эффект и ключевые метрики
- ▹1 клик для перехода от напоминания в чате к выполнению техники
- ▹3.4x выше регулярность выполнения разминок по сравнению со сторонними приложениями
- ▹100% нативная поддержка Telegram WebApp ThemeParams & Haptics
- ▹94% пользовательская оценка полезности ежедневных протоколов
Инструменты и программные библиотеки
Интеграция трекера прямо в Telegram: гениальный ход. Бот деликатно напоминает размять шею, открывается мгновенное мини-приложение, нажимаешь "Сделал" с приятным виброоткликом, и возвращаешься к диалогам. Никакого трения.
Понравился этот кейс?
Можем спроектировать и запустить аналогичную архитектуру под ваши бизнес-задачи в сжатые сроки.