I’m Player

Исследование и UX/UI MVP-приложения для футболистов

Контекст

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

Мы предполагали, что тренировки, питание, восстановление, состояние и планирование у футболистов находятся в разных местах. Исследование это подтвердило. Тренировки и рекомендации по питанию игроки ищут в интернете, а задачи и показатели фиксируют в заметках, таблицах или вместе с тренером. I’M Player должен был собрать всё это в одном продукте и помочь игроку планировать развитие и отслеживать прогресс.

Что сделали

  • Провели пользовательское исследование и разобрали ключевые сценарии продукта.
  • Собрали логику MVP вокруг основных процессов игрока.
  • Разработали прототипы, протестировали их на футболистах и доработали структуру по результатам проверок.
  • После этого спроектировали UX/UI приложения, собрали дизайн-систему и подготовили макеты к передаче в разработку.

Результат

Клиент получил 40+ экранов, дизайн-систему и ключевые сценарии MVP, подготовленные для передачи в разработку.

Исследования, CJM и прототипы приложения I’m Player

Исследования и прототипы

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

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

Главный экран приложения I’m Player
Профиль футболиста в приложении I’m Player

Главная и профиль

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

Сценарии и экраны тренировок I’m Player

Тренировки

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

Раздел питания в приложении I’m Player

Питание

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

Экраны здоровья и показателей футболиста

Здоровье и показатели

Был предусмотрен раздел для регулярного контроля состояния. В нём есть показатели сна, веса, ИМТ, состояния мышц и самочувствия, которые можно отслеживать в динамике.

Календарь и планирование тренировок I’m Player

Планирование

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

Цвета, типографика и компоненты дизайн-системы I’m Player

Дизайн-система и передача проекта

К завершению проекта была собрана дизайн-система и структурированы макеты в Figma. Финальные материалы передали клиенту как единую базу для дальнейшей работы и развития продукта.