Case Study
After completing my Experience Haus Product Design course, I wanted to work through the process independently for my next project to reinforce my learnings. I also wanted to build more skills in Figma and utilize the Prototype features.
I asked my partner to give me a brief for a product that would fit into her life, and that brief was to create a Fitness Platform for Independent Coaches.
I wanted to undertake an expedited process due to practical limitations - being a solo designer working on a theoretical brief, so this project was also an experience of priority setting and resource scarcity.
This is a long case study, so here’s a TLDR access to the Prototype alongside some notes explaining the functionality.
This may take a few moments to load.
Discover
I started by interviewing the client to identify what she wanted from the platform. Her experience with fitness apps as a user, as well as health apps in general, is quite sophisticated for a non-professional. She is also close to a number of personal trainers who run small businesses, so has heard many gripes and frustrations with these platforms.
The app, unnamed at this point, needs to help a coach...
The core philosophy of the app is to give people control and support in achieving their fitness goals without using other apps.
The deliverable is a working prototype in Figma to demonstrate the feature set.
Discover
The Fitness App market is highly competitive and covers two areas; Coaching Apps and Workout Apps.
A Coaching App will cover much of what a Workout App will, but needs ways for the Coach to manage the content delivered to their clients and managing multiple clients as well as groups. Examples of these include Trainerize, True Coach, Everfit, Coach Catalyst, and Hevy Coach. These are also professional commercial platforms and need features to help the business owner monetize their work.
Workout Apps have become powered by AI recently, with some completely replacing the human coach. Whether AI supported or not, the user engages in a self-guided manner and these apps aim to appeal to a large range of individual users. Examples of these include Fitbod, Arvo, and Hevy.
I also did some Academic Research, looking through...
Takeaways include;
Finally I also researched My Fitness Pal; the leading nutrition tracking app, and determined that there is too much to build to have a One App To Rule Them All deliverable. Integration with My Fitness Pal is possible, and it has a very invested audience.

Landing page for Fitbod, the app that most impressed me in its User Experience
There is a lot of analysis of Coaching Apps on YouTube. Personal Training has become a big growth industry due to the ease of remote coaching, so that means there is a large industry of influencers attempting to cash in on budding young trainers and the companies fighting to secure their business. It’s also a legacy industry, with some big players in the scene who have extremely comprehensive but bloated and outdated user experiences and business models.
Key takeaways from the research are...




(Left) TrueCoach’s extremely simple interface vs (Right) Trainerize’s home screen and meal plan calendar.
While not the main focus of the brief, I did want to explore the UX of client-facing apps because much of the research into Coaching Apps raised issues about the client experience. I also really appreciate adjacent experience references for getting inspiration.
As a portfolio piece, I also wanted to work on something more generically tried-and-true. Ultimately the most important people to the Coach are the Clients, so I wanted to explore how other solutions make client’s lives easier.
Key takeaways from the research are...




Selection of Hevy’s screens; Home, Workout Home, Workout Logger, Progress Report




Selection of Fitbod screens; Log Workout, Complete Workout, Workout Summary, iOS Live Activity integration
Discover
Due to the goal of getting this project delivered in a short time frame, I kept the interview side of discovery short. I reached out to the owner of The Empowerment Club, a women’s health community run by a Personal Trainer and Entrepreneur; Ria.
It was tremendously valuable to get her business insights in particular. The main value proposition of her business is actually community. Anyone can do remote coaching on a big platform like Trainerize (at high cost) but to get the results she wants to deliver for her clients and business goals, in-person events and peer support are crucial. It’s a wellness platform rather than just a workout app.
There were many takeaways for exploration...

The Empowerment Club is a women-focused whole health community run by a Ria

The interview uncovered a tremendous amount of potential feature areas.
Define
While preparing and analyzing the interview with Ria, I also did a Task Analysis for client users of the platform.

Task analysis of the core client activity for Alliance; logging in and doing a workout. Link to a PDF here.
I also assembled user stories on both the coach and client side based on the interview with Ria.
As a Coach...
As a Client with health goals...

The Site/Feature Map for 2 areas of Fitbod, the main influence for my UX.
It is here that I needed to check the project against reality. To create a fully comprehensive UX for all users in this system would be the work of an entire business.
Holy scope creep, Batman!
At this point I was pretty overwhelmed and decided that a scoped down problem statement would get me back on track and make a realistic deliverable possible.
High Level Problem Statement
Fitness Clients need a tool that strengthens their coach relationship and adapts to their circumstances to support them achieving their wellness goals
Focusing on the clients, and how they interface with the coach, felt like an effective way to keep the coaching relationship central to the User Experience without needing to build two products that work in tandem. It is borne out from the academic research, and in the user interview, that the value proposition of a personal trainer/coach is the relationship not just access to a tool for which weights to lift and how to track your BMI.
Develop
From looking at a number of Workout and Coaching Apps, I felt that Fitbod was clearly the most engaging workout UX. It covers all important features, keeps advanced tools hidden unless needed, and it looks professional and modern.
Due to the fact it’s an AI-based app that relies on the user’s feedback to calibrate, I thought it was quite interesting to take those features and incorporate them into the Client:Coach relationship.


Fitbod’s post-workout evaluation for AI can be repurposed as feedback for the Coach.


The workout summary celebration with a share option is practical and a positive moment for the user... in the Alliance version, we take this opportunity to deliver wellbeing feedback to the coach while sharing will automatically post to the Activity Feed.
Develop
Alliance is the core area of the app that highlights the value that coaches want to showcase.
Both Coaching and Workout Apps have a lot of features. Typically the navigation bar is misleading, with many submenus and functions hidden a layer or two deeper in an area. There are also considerations for alternate revenue streams so I thought that the Alliance menu would be a great umbrella linking a lot of ancillary features - because they’re all related to your relationship with your coach.
Progress Pics, Medals (Gamification), and Chat are standard modern features but packaging them under Alliance highlights the importance of that relationship, plus we have a natural place for Events and the Library (where both documents and On-Demand content can be sold and accessed)

Wireframe of Alliance Area: Alliance opens as a Chat but has a top-bar with 4 main areas that represent your partnership
Develop
The Home Screen is the first place we engage with users therefore it’s a perfect place to highlight their thriving healthy lifestyle. There’s a big call to action for the user’s workout but also an activity feed that brings in community updates and the calendar to help users plan their week.

Wireframe of Home Screen: Workout call-to-action, activity feed, and calendar summarize everything a healthy fitness user needs
Develop
Alliance is a modern, friendly, white-label platform that wants to build trust in the coach while being warm enough to foster a community. As a white-label concept, ultimately I would like to provide coaches the ability to customize the whole experience to their brand colours. With that in mind, the default shouldn’t be too bold but work generically.
For Colour Palette I wanted to evoke health, growth, and success while not being too masculine.
I do still feel the colour palette is a little on the softer side, but with a slight skew towards a feminine audience I don’t think that’s necessarily a problem.
I tested a number of San-Serif typefaces for readability and personality at different weights and sizes while following Apple’s iOS Human Interface Guidelines. I also checked in with LLMs for general public opinion on practical use - is it overused? what are some common issues? any edge cases to look out for?
I landed on Rethink Sans as the font of choice, it fit the bill and there is a personality to it that feels refreshing to me.
Primary
Forest Green
#15875E
Secondary
Light Mint
#D5EDE2
Accent
Golden Yellow
#F2C12E
Light Neutral
Pure White
#FFFFFF
Dark Neutral
Green Off-Black
#010707
Heading - SemiBold 24px
Subheading - SemiBold 18px
Body - Regular 15px
Body Bold - SemiBold 15px
Body Small - Regular 12px
123 - SemiBold 48
Heading - SemiBold 24px
Subheading - SemiBold 18px
Body - Regular 15px
Body Bold - SemiBold 15px
Body Small - Regular 12px
123 - SemiBold 48
Heading - SemiBold 24px
Subheading - SemiBold 18px
Body - Regular 15px
Body Bold - SemiBold 15px
Body Small - Regular 12px
123 - SemiBold 48
Deliver
As mentioned above, Fitbod really worked well enough as an inspiration for most of the Workout and Progress related screens so I did an adaptation of their design. For everything else, I started in paper with some rough layouts.



Paper wireframes
Other influences I explored were...



Wireframe elements inspired by Whatsapp and Instagram, with a standard photo gallery after exploring (and rejecting) an Apple Cover Flow design
Deliver
If I were to expand on this concept, I would work on the following priorities
Coming Soon