MOTION GRAPHICS

Fitness Mobile App

MoFit

 
Having trouble keeping track of all your
fitness progress photos?

Concept:
Create a fitness mobile application that allows users to stay motivated and engaged in their fitness journey by documenting and seeing key results from their progress photos.

Role: UX Designer
Platform: Mobile
Tools: Sketch, Illustrator, Photoshop
Process methods: User Interviews, Competitive Analysis, User Personas, User Flows, Affinity Mapping, Feature Prioritization, Paper-prototyping, Site Map, Card Sorting, Wireframes, Low Fidelity Sketching, and High Fidelity Mockups.


The Beginning:
I wanted to create a mobile application that will help people in the fitness community. The problem, I suspect, is that people are not motivated to change workouts because they’re in their comfort zones.


User Interviews:
Creating an initial problem statement helped me design questions to identify why people workout and how they would stay motivated. I’ve interviewed five different exercise goers between the ages of 18-35.

Target Audience:
- 18-35 years old
- 3-6 per week exerciser at the gym
- Users who are seeking motivation and training

User personas were created from the research.

I want to look good and feel good!

From conducting user interviews, I’ve discovered that the most common reason people go workout is to look good and feel good. This realization lead me to revisit my initial problem statement. The real problem was that people start to lose their motivation by not visualizing their real goal, in return not feeling good. This lead me to the direction to create a visualizer for the users to reflect on their progress in order to to keep their motivation and reason for going to the gym.

Each color represents a person from the user interview research phase

I thought it would be beneficial to categorize the key points into these two categories: mental and physical. These two components are extremely important while working out. It was clear that the users had similar mental mindsets and physical goals.


Feature Prioritization and Minimum Viable Product (MVP):

I’ve gathered some ideas on some features and use the 2x2 Matrix to see what was the most high impact on creating a MVP product.

I came to realize that taking progress photos was the main feature that would ensure people to feel good in the mental side and look good on the physical side. I’ve revolved the other two features around this core feature.


Main Key Feature: Progress Photos
Based from my research, when users feel and see results from their workout, many of them love taking photos to document how far they’ve come or to look back at their lowest points.

User Flow:
I’ve created a user flow of how a user would document a progress photo.


Prototype:
After sketching key frames, creating wireframes, and conducting usability tests, I've created a high-fidelity prototype for more usability tests. 


Conclusion:
I am hoping that this application will help encourage people to achieve their fitness goals and to keep their momentum by seeing their progress evolve!


Next Steps:

  • More user-testing and iterations.

  • Refine UI design.

  • Create motion tests for interaction design.