top of page
02.jpg
bfit.png

sports app for the outdoors trainers

Ux design, Research, Visual design

BFit is a sports app designed for individuals training at the outdoor fitness facilities.

BFit encourages users to train outside, either alone or in pairs and groups, with special features to invite friends to joint exercise sessions and mutual training challenges.

Outdoor Sports

USER RESEARCH

Lack of knowledge of the users, by building a correct training plan and how to practice it at the best why 

​I tried to understand what are the struggles people who decide to workout outdoor have to deal with, so I interviewed many amateurs athletes solo and in pairs at outdoor community fitness facilities and I found many problems:

1. The lake of knowledge how to build a good efficient workout program can lead to unprofessional program with no results.

2. There is not enough information explanation on the facility how to use it and which muscle it works on and might lead to injuries.

3.  Its hard to see result.

4.  Some of the trainers find it hard to persist to train.

5.  Trainers exposed to more injuries.

TRAINRS QUOTES:

shutterstock_1877117455 (1).jpg

“I injured my hand due to improper use of the device”​​​​​​​

shutterstock_1494706259.jpg

“Every time I look for online programs at youtube, I feel I’m in a quest after trainers to learn knew exercises."

MARKET RESEARCH

How to have fun and effective experience training

I’ve checked different workout apps. I didn’t find specific app for outdoor activity. I’ve checked:

  • An on-board questionnaire helps to pinpoint the best training to the user

  • Adjust different difficulty for different trainees by using different levels of training program.

  • Progressing in the difficult of the program by the user needs.

  • Keeping track of the training routine and schedule it in the dairy, and coordinating and inviting friends in advance increases motivation for the workout.

  • Present the different exercises with various video with sound.

USER FLOW

Opening page

On Boarding questions

Verfy sms to sign in

My workouts programs

Inviting friends

schadule workout

competition pre workout 

starting workout

workout summery

QR

Setting

Map

WIREFRAME FLOW

Getting to know the user

1

On Boarding

in order to build customized training program I ask questions to understand the users goals and needs

open-page.png
open-page2.png
open-page2.png
open-page2.png
10-Recovered.jpg

Strong diagonal lines

The logo is inspired from the world of movement and the streets, simulates a cross road. The logo starts thick and becomes thin, with movement lines that go up.

DESIGN PHASE

Logo

bfit.png

Colors

Outdoor urban colors

Air, grass and sun were the colors that leads the design. Adding the street rough with asphalt grey and black. And you get some of the benefits of training outdoors.

Icons

Outlined icons

playful and energetic icons.

Group.png
Group (1).png
Frame.png

THE DESIGN

1

Opening screen

Reflects the look and feel to the hall app. Yellow big start button to start the questionnaire to open the app

Invite-2.png
Frame-16.jpg
Invite-2.png
Frame 8.png

2

Getting to know your activity goals

Part of the on boarding process the user needs to provide information in order to build a custom training workout.

 

Invite-2.png
Frame 17.png

3

My workout

Progress bar, inviting a friend, choosing the workout level and starting the workout are the options in these page.

4

Invite your friend

Invite your friend to workout together. choose the time and location and invite one or more friends.

Invite-2.png
Frame 5.png

5

Let the competition begin!

Running competition with a friend to start the workout session. You can see your road and your friend on the map. and when it's done you can see who wins! 

Invite-2.png
Frame 6.png
Invite-2.png
Frame 7.png

6

Lets start the workout!

Videos to explain the workout exercise.

Invite-2.png
Invite-2.png
Frame 18.png
Smartphone_12_max_pro_and_two_screen_mockups.jpg

Thank You

shutterstock_10472860181.png
bottom of page