FitFox
Transform your Fitness Journey:
Get Moving, Get Rewarded, Stay Motivated
Project Overview
People struggle to incorporate regular exercise into their lifestyle and daily routine due to various reasons, such as lack of motivation, affordability, and time constraints. Hence, I created FitFox, an app that empowers people to stay motivated in achieving their fitness goals.
Problem
Many individuals face challenges in integrating consistent exercise into their lives and daily schedules, often hindered by factors like insufficient motivation, financial limitations, and time pressures. Insufficient physical activity levels can contribute to various detrimental health concerns in the future. But most current research suggests that any exercise, as long as you’re moving to get your heart pumping, for any amount of time, is beneficial for your health.
Solution
FitFox is an an app that gamifies fitness routines to make them more engaging and rewarding.
FitFox allows users to set personalized goals and earn points as they complete their workout. Points are determined by the app and increase gradually, challenging users to push themselves further. Collection of points lead to personalized rewards upon achievement.
Process
Competition Research
​
Ideation
​
UI Design
Prototype & User Testing
​
Feedback & Redesign
Role
Sole UX/UI Designer
Tools
Figma
​
Adobe Illustrator
​
Secondary Research
Problem - According to WHO’s 2022 global status report on physical activity, 80% of adolescents and 27% of adults do not meet WHO’s recommended levels of physical activity. The recommended level of exercise for:
-
Children and Adolescents aged 5-17 - should do at least an average of 60 minutes per day of moderate-to-vigorous intensity
-
Adults 18-64 - should do at least 150-300 minutes of moderate-intensity physical activity throughout the week (20+ minutes per day
​​
Why it Matters - According to Science Daily, lack of physical activity accounts for 22% of coronary heart disease, 22% of colon cancer, 18% of osteoporotic fractures, 12% of diabetes and hypertension, and 5% of breast cancer
​
But the most current research suggests that any exercise—as long as you’re moving to get your heart pumping, for any amount of time, is beneficial for your health!
​
User Personas
I then created three user personas of my target users:​
​
Prototyping & User Testing
UI Design
Ideation
Research
Learnings & Retrospect
Ideation
For the ideation phase, I chose to focus on gamifying fitness. ​
Sitemap
I created a sitemap with the purpose of organizing the content in my app.
Wireframes
Using Figma, I created wireframes to organize the layout and structure of my app:
Sketches
I created a total of 11 sketches to outline the different screens users would be able to see when using the app. These screens are a more detailed version of my wireframes.
Research
Ideation
UI Design
Prototyping & User Testing
Learnings & Retrospect
Hi-Fi Screens
Using the same colors, typography, and iconography, I then created Hi-Fi screens for FitFox.
Prototyping & User Testing
UI Design
Ideation
Research
Learnings & Retrospect
Prototyping & User Testing
I created a prototype using Figma. I then engaged in user testing with my classmates:
-
From looking at the homepage, what do you think are the main functions of this app?
-
What did you think of the layout and organization of the features and information of this app?
-
What do you think of the blue and orange color scheme? Are there too few colors?
-
What do you think of the user interface? Is there too much information, too little, or just the right amount of information and functions on each page?
-
Did you encounter any challenges related to accessibility, such as small text size?
-
On a scale of 1 to 5, how likely does this app motivate you to exercise? (1 being not motivated, 5 being very motivated)
-
On a scale of 1 to 5, how easy was it to understand the reward system based on points accumulation? (1 being very difficult, 5 being very easy)
-
On a scale of 1 to 5, how intuitive was the process of selecting or creating your exercise workout? (1 being very unintuitive, 5 being very intuitive)
-
How many tries did it take for the user to complete task #1 (complete workout of the day)?
-
How many tries did it take for the user to complete task #2 (view exercise statistics for the week)?
-
How many tries did it take for the user to complete task #3 (track progress on goals)?
​
​
​
​
​
​
​
​
​
​
​
From user testing, I gathered that my app does not overwhelm users (one of my concerns) and all my features are necessary. FitFox is also intuitive for users to use because it uses a familiar interface similar to the Apple health app that's pre-installed on many users' phones. I also gathered feedback on accessibility and color scheme: Many users said that the blue and orange on white is accessible for colorblindness. Additionally, the san serif font is easy to read and digest for users and the customizable aspects of my app makes it physically accessible for people. One thing I do need to consider is how my app will help people with physical disabilities like those in a wheel chair or cannot move.
Prototyping & User Testing
UI Design
Ideation
Research
Learnings & Retrospect
Learnings & Retrospect
This app, as part of my final project in my Design Process class, was a fun project, where I was able to tie everything I learned from previous projects in the class to this interaction design project. I was able to apply my graphic design skills in designing a user friendly interface and my information architecture skills in helping me organize the app features into a intuitive layout and structure.
© 2023 by Jasmin Duong