top of page
Trainer+.png
Trainer+
Project Type:
UX Design Lead at a Tech startup​
​
Project Length:
7 months

How the digital experience of Trainer+ platforms can be improved to ensure deeper engagement, ease of use, speed, flexibility, and control for personal trainers and their clients? 

Focus Question

TEAM:
 
Charles Jackson
Nick Corneil
​
MY ROLE:
 
User Experience Designer
Visual and interaction design
Formalizing and documenting user research
Writing user interview discussion guide
Conducting usability studies 
METHODS & ACTIVITIES
 
Stakeholder interview
Rapid design iteration
Agile development
User journey mapping 
Heuristic evaluation
Identifying usability problems 
Writing HMW statements
Competitive analysis
Ideation sketching
Solution sketching
Storyboarding
Wireframing 
Prototyping
User testing 

BACKGROUND: 

 

Trainer+ is a fitness training and management technology designed for fitness centers and personal trainers. The technology allows fitness professionals to support their clients in person and online by using Trainer+ website and mobile apps to create and prescribe workout programs, have clients track them and provide feedback, then update the program from the results. The platforms facilitate a multidimensional approach to fitness training which consists of assessment, oversight, accountability, ongoing program updates and feedback.

 

On a higher level, the company strives to bridge the existing gap between healthcare and fitness as the number one preventative care by enabling individuals to have a personal electronic fitness record just as they have a medical record.  The vision of this technology is to create a world in which everyone has access to an effective and affordable preventative health plan advised by a qualified fitness professional. 

GOAL

As the first UX Designer joining the team, I had to figure everything out on my own and structure my contribution efficiently. In order to this, I had to get as much information about the product as I possibly could to plan my approach and set goals. I started by booking time with each team member to get to know them and learn about any research that had been done, user types and needs, business goals, competitors and technical limitations. From the data collected from our conversations, I set the following high-level UX Design goals for Trainer+ website and two mobile applications:

  1. Make the overall design consistent with the new trends in visual and interaction design so it’s simple and easy to use for fitness professionals and their clients

  2. Enhance the overall experience for longer user engagement so more signups turn into paying clients

  3. Give users more control and flexibility over the areas of fitness content creation, trainers’ oversight, and clients’ workout tracking

TRAINER+ APP

Trainer+ strives to shift the focus of personal training from sell to support by automating client management and oversight. Together with business and product development team, we reshaped the user experience of the Client List on Trainer+ mobile app. We redesigned the screen based on the new trends and best practices in visual and interaction design. We also implemented a new notification system to make client support and oversight more efficient. 

STEP 1:
Early Sketches
Untitled-1.png
Untitled-1.png
Untitled-1.png
STEP 2:
Wireframe Iteration
Artboard 5-8.png
Artboard 1-8.png
unnamed.png
Artboard 6-8.png
Artboard 4-8.png
Artboard 7-8.png
STEP 3:
Final Prototype
Artboard 12-8.png

Existing Design

Proposed Redesign

Proposed Redesign

Artboard-10-8.png
Artboard-8-8.png

Proposed Redesign

Proposed Redesign

Artboard-11-8.png
Artboard-9-8.png

TRAINER+ WEB

We enhanced the digital experience of Trainer+ website by performing a major UX and interaction design overhaul to ensure overall consistency and compatibility with new design trends and best practices. We specifically looked at three main areas of interactions for personal trainers throughout the website including the Client Card, the Exercise Library and the Workout Library. In order to increase the scalability, accessibility, and flexibility of the platform, we added a new shared library feature where trainers can be members of multiple exercise libraries in addition to the content they create on their own. These libraries contain templates of programs or workouts that the trainer can access, customize and then assign to clients. Some trainers will be members of multiple shared libraries, and some libraries may have a lot of program or workout templates. With the new Exercise and Workout Library design, we made sure this experience is simple and more intuitive to navigate for our users by improving the filtering system. 

CLIENT CARD

STEP 1:
Early Sketches
Client-Card.png
STEP 2:
Design Iteration
Web Clnt Crd vrsn 1.png
Web Clnt Crd vrsn 2.png
STEP 3:
Final Prototype
Artboard 1-8.png

Existing Design

Artboard 7-8.png
Artboard 6-8.png

Proposed Redesign

Proposed Redesign

EXERCISE LIBRARY 

STEP 1:
Early Sketches
Exercise Library.jpg
STEP 2:
Wireframe Iteration
Artboard 13-8.png
Artboard 14-8.png
Artboard 15-8.png
Artboard 16-8.png
STEP 3:
Final Prototype
Artboard 17-8.png

Existing Design

Artboard 10-8.png

Proposed Redesign

Artboard 11-8.png

Proposed Redesign

Artboard 12-8.png

Proposed Redesign

bottom of page