Fitness App Refresh

MacBook mockupMacBook mockup
Project Background
The RunFit app was not intuitive and felt visually flat. I worked with the app creator to give the interaction design and interface a much needed upgrade.

My Role

UX / UI Designer

Timeline

6 months
Old UI

I wanted to bring more life to the user interface. The previous look and feel of the app was almost wireframe- adjacent.

Mockup

Home

Mockup

Plans

Mockup

Resources

Mockup

Groups

Workout Cards

Since the User's main goal of the app is to follow a workout plan, I started with updating the workout cards to include more information about the workout type and a summary once complete.

The new workout cards utilize color to indicate workout type and depending on the workout, will include distance, time, pace and weight lifted in the summary.
Dashboard mockupiPhone mockup

Updating Plans

I created a more streamlined flow for Plans by: