FITFIVE

UI Design for a fitness app,

which aims to fit into one's busy lifestyle.

OVERVIEW

FITFIVE is a web app that promotes a manageable fitness routine by scheduling workouts or completing routines on-the-spot. Exercises are presented in as little as five minutes.

HIGH LEVEL TIMELINE

This project was on a four-week timeline.

MAKE OF THE TEAM

I was the lead designer responsible for UI and Brand Design.

KEY GOAL

Create an attractive and bold design. 

MOOD BOARDS

I moved forward with option one for the web app. After reviewing the project brief, the design requirements suggested a black and orange aesthetic treatment.

Since orange is an energetic color I needed to find the right shade that stimulates, but doesn’t anger such as red can do. I introduced accent colors to balance the loud visual volume of the orange.​
 

Option one spoke to Rebecca’s (our persona) request to find the motivation to keep pushing herself by pairing black and white photography as a backdrop to pops of color, thus reaffirming a sense of meeting her daily targets. 

 

As a software developer, the typography needed to speak to Rebecca’s direct sensibilities, where a bold sans-serif typeface may be appropriate.

Fitfive 4 mockup.jpg

MOBILE MOCKUPS

FitFive ezgif.com-gif-maker.gif
style guide.jpg
style guide5.jpg
style guide7.jpg
style guide8.jpg
style guide9.jpg
breakpoints2.jpg
style guide10.jpg

Let's chat.