GMB. Поддерживайте отличную физическую форму находясь дома

GMB — платформа для онлайн тренировок mindful fitness. Mindful fitness — это тренировки, ориентированные не на подсчет калорий, а на улучшение внутреннего состояния и установление контакта с собственным телом. Главное отличие GMB от обычного фитнес-приложения — это фокус на увеличении силы и мышечной выносливости. 

5b3c2e6472650e798eb3c9f05cbb6d13.png

Задача

Клиент обратился к Distillery за решением нескольких важных задач:

  • Создать новое приложение Praxis для уже существующего оффлайн продукта. Progressive web app должно работать как на компьютере, так и на мобильных устройствах;
  • Обновить фирменный стиль и бренд, чтобы отразить существующий дух GMB;
  • Создать дружелюбный UX и обеспечить легкий доступ к подпискам на тренировочные программы;
  • Построить стратегию развития продукта

Фаза 1 — Foundation package

Стратегия

Основная задача для первой фазы — разработка стратегии развития продукта. Она должна опираться на бизнес-цели и приоритизировать разработку функциональности для пользовательского приложения Praxis. 

Главные бизнес-цели для клиента:

  • Увеличение числа пользователей на обновленной платформе GMB;
  • Увеличение User Retention и показателей завершения программ;
  • Улучшение пользовательского опыта

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

В качестве основных направлений для достижения целей мы выделили:  

  • Фокус на обучающих видео и плеере;
  • Упрощение процесса онбординга новых пользователей;
  • Удобная и простая система оплаты программ;
  • Коучинг и подробные инструкции к упражнениям;
  • Гибкая административная панель для создания специализированного контента


Вайрфреймы

Создание вайрфреймов — жизненная необходимость, когда стоит задача по улучшению пользовательского опыта (UX). Дизайнеры Distillery спроектировали десктопные и мобильные экраны так, чтобы структура экранов и расположение элементов на странице способствовала достижению пользовательских целей.

7fa9a18037adcb2a209e3d37561a0f61.png

Правила адаптивной верстки 

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

b2e77a08e8243198175f7243779fd711.png

Брендинг, цвета и типографика

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

Мы добавили светлые и яркие оттенки синего к существующему синему цвету бренда, чтобы сделать его более легким и жизнерадостным. В качестве основного шрифты был выбран Din next. Этот классический шрифт сейчас в тренде. Он имеет семь степеней насыщенности от light до black, каждая из которых включает дополнительные начертания: italic и condensed.

81d57c39c0b56d8f1996eb62a00522e4.png

Фаза 2 — Разработка

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


Для использования на любом устройстве

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

Клиентам, которые предпочитают использовать экраны мониторов или телевизора для тренировок, предоставляется расширенная информация по занятию.

9cff8c5a3876a90a390ce74d639ba389.png

Встроенное отслеживание тренировок и ведение журнала

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

Кастомный видео-плеер с интегрированным таймером и субтитрами

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

Персональный график тренировок

Тренировочные программы от GMB всегда предлагали гибкое планирование и возможность совмещения несколько программ в рамках одной тренировки. 

Один из самых популярных вопросов, которые клиенты GMB задавали тренерам: «Как мне настроить тренировки в соответствии с моим свободным временем?» 

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

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

ec6a5012b60a81813e30f73a1a4a3f42.png

Геймификация 

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

Немного технических деталей о Praxis 

  • Потоковый стриминг и кодирование видео;
  • Single Sign-On  с использованием OKTA для интеграции с текущим веб приложением;
  • Система оплаты с использованием сервиса Stripe;
  • Кастомизированная административная панель для создания и управления фитнес-программами. Добавление сессий, упражнений, видео и фото материалов, автоматическое создание субтитров к видео

Итоги 

CEO GMB Andy Fossett отмечает, что учебные программы GMB — это про то, как нужно делать вещи по-другому, чтобы достигать качественных результатов в физической подготовке. По мнению клиента, приложение Praxis — это будущее GMB. Финальная версия платформы Praxis от Distillery строится на методологии, созданной тренерами GMB, которые обучают десятки тысяч людей.

Год разработки и 6 месяцев бета-тестирования с профессиональными тестировщиками, тренерами GMB и реальными пользователями позволили отполировать продукт и сделать его драйвером для развития всего бизнеса клиента. 

Перейти на сайт

Полный текст статьи читайте на CMS Magazine