BFIT

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.

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.

To play, press and hold the enter key. To stop, release the enter key.

TRAINRS QUOTES:

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

“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

Setting

Map

WIREFRAME FLOW

Getting to know the user

On Boarding

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

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

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.

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

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.

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.

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!