Progressive Fitness 🏋️

UX Design - An application to make it easier for users to achieve their physical health fitness.
Overview
Project Details
part of going to the gym and further physically progressing is writing down the numbers of reps and sets of lifting weights to measure out and see what adjustments need to be made to further improve muscle growth. Being tired after working hard, typing in a little excel sheet is the last thing you'd want to do and to calculate what new numbers you need. I had the chance to design a new platform for gym goers to easily track their numbers and have their records tracked seemlessly.

My Contributions
Being a Solo Project, I did everything for this project including UX research, wireframing, testing, UI design and design systems and prototyping.
‍
Problem
The nature of the task that I struggle with is keeping track and writing down my reps and sets after each exercise at the gym and calculate what reps, weights or sets I need for next week in order for progressive overload. It's a pain to use Google Sheets or notes to write down my statistics after every workout.
Solution
From this, I've then honed in on the main feature of the product, which was a gym tracker that would allow users to track and calculate their weekly and daily goals by clicking on each day and on each workout card, depending on whatever exercise they start off with. The feature will do a comparison between last week's statistics and the current week’s statistics and provide recommendations to progressively overload for muscle growth.
Preliminary Research
The problem with weight training tracking
The first stage was to gain an understanding of the experience of recording statistics after each exercise. To accomplish this, I placed myself in the context and created a diagram. This was done to determine where the pain points would be in capturing statistics and to visualise my own thoughts and emotions.
Sketching and Prototyping
Drawing and developing up my initial idea
Once I saw the main problem, the next step was to swiftly produce ideas and viable solutions to quickly translate my initial concepts into visual representations in the form of brainstorming ideas and generating a mixture of early wireframes and user flows into one.

I needed this develop a paper prototype ready for some user testing.
User Testing
Testing to see if my initial concept works
With the paper prototype, I conducted a few usability tests and show-and-tell and mapping activities for the participants to do. This helped me reveal the flaws of my initial design. Upon reviewing these tests, there was clearly a wide range of missteps or issues that the participants had come across. This included the positioning of certain elements in the paper prototype or the lack of functionality that users expected or would have wanted.

Combining my own experience and that of the participants, I then created an experience map, which all led to a similar pain point surrounding the struggle to type in the values after the exercise.
Design Iteration
Draw, iterate, repeat
Gathering all the information from the interviews and the experience map, there was a clear need to go back to the drawing board and redevelop another wire flow to improve upon the paper prototype, taking into account the interview results.
Wireframing and Prototyping
Converting it all to digital
After reviewing the digital prototype again, more structural changes were made to a few of the screens to make them more accessible and easier for users to understand.

It was important to include good UX practices in the UI such as the inclusion of grid layout, proper typography standards, and a style tile that represents the concept of the gym since the application feature would be predominately used in that environment.
Further Testing
Final touchups
The final step was to do various tests with the prototype in its near-final digital iteration to see if there's any improvement. I've asked a couple of participants to do 5-second testing on the dashboard screen and a 1-click test on the exercise screen. With the results back, a few UI changes on both screens were made to fix visibility issues.
Outcomes
The Final UI mockup & Prototype
View Prototype
The final design of the process. The progressive Fitness app has only 1 main feature that is to calculate the recommended weight, set or rep for users the next time they exercise based on the numbers they've put into the app.
Outcomes
Conclusion and Learning
The main insight I had with Progressive Fitness was user behaviour. It was interesting to see the way users record their gym progress and their mental models of how they’d typically put in statistics based on the user research and interviews I did. With the Progressive Fitness app, this will lead to a reduction in time on task for users to type in their statistics and easily have their records calculated for their next workout without them needing to calculate it themselves.

Personally, this project has brought me deep into the iterative process of UX design. Developing a paper prototype so early and continually iterating it through various tests was something new to me and gave me the opportunity to learn that there are multiple ways of going through a UX process.
LinkedinInstagram