I approached the My Trainer personal training app project using the basic design process I typically follow for every project. I based the app's visual design on the existing app and website and used four basic steps to solve the main problems: Product Definition, Concept Exploration, Iteration & Improvement, and Execution.
Product Definition: Define the challenge and goals. Interview experts and users. Create a journey map.
Concept Exploration: Perform competitive analysis. Come up with ideas for solutions based on a variety of research methods. Create wireframes, storyboards, and mockups.
Iteration & Improvement: Design and build prototypes using Figma. Test prototypes with real users and stakeholders. Reiterate and improve prototypes based on user and stakeholder feedback.
Execution: Create and launch the live product using Webflow and basic code.
The challenges to creating the My Trainer personal trainer app primarily involved communication, visibility, and access to vital information.
Since clients were having difficulty keeping track of their program schedule, session count, and program details, the "Training Sessions & Program Schedule" screen clearly displays all of that information. Clients can easily check-in to their session as soon as they enter the gym letting the trainer know they have arrived and are ready to train. Clients can also easily add sessions to their program if they see they are running low by tapping the "Add Sessions" button.
When a client needs to add sessions to their current training program and taps the "Add Sessions" button they will see cards displaying the details of available packages. Because trainers and clients reported being overwhelmed by the number of different package options available, I chose to keep this as simple as possible showing only essential information. The available packages displayed to the client are chosen by the trainer since every trainer has many packages to choose to offer. They are limited to three cards to display to the client as to not overwhelm the client with too many choices.
According to many clients interviewed, they often do not know exactly what to do at the gym on days they are not training with their trainer. They also frequently forget how to do certain exercises. When a client arrives at the gym on days when they are training on their own, they will see their workout designed by their trainer displayed in their app. Each exercise is displayed with essential information and a short video clip to help the client perform the exercise correctly. During testing of early prototypes, clients reported that a small "notes from trainer" section was not enough for them to fully understand a particular exercise so I added a swipe up "Exercise Instructions" section that explained an exercise step by step.
With this app feature I designed for My Trainer Personal Training, clients and trainers can communicate more efficiently, access vital information more easily, and remove speed bumps that can hold clients back from achieving their fitness goals.