UX/Ui Design for Mobile Application that connects users to either personal trainers in the area or virtual personal trainers based on needs and availability.

Personal Trainer App

2021
App Design

The Goal

To design a mobile application that allows personal trainers to find their own clients based on their schedule and disrupt the monopoly that gyms have in the personal training booking process.

Project Duration

March 2021 - June 2021

The Problem

In order for a personal trainer to get a high access to clients they must go through a gym. This gives trainers very little bargaining power or say on how to service and what to offer their clients.

Research

Most research had to be conducted through secondary research. With Nowly being an innovative idea with extreme potential, the stakeholders wanted the process to be undisclosed. User interviews were not allowed to be conducted and there was no research budget. We looked into how personal trainers get their clients, what their pain points are, and how to motivate these trainers to use an app as the success of the Nowly app hangs on the quality of the trainers they offer.

Understanding the User

Pain Points

Hours
Trainers only get paid for the time that they are training, this means countless hours at gyms waiting for a session to come their way. There’s a lot of wasted hours with no pay.
Income
Trainers only take a small cut of each session they take. If they work for a gym or pay rent at a gym this mean significantly lower returns.
Sales/Convincing
Clients are easy to find, this means signifcant effort is made in convincing people to take sessions and to stick to the sessions they are taking. With plenty of free training videos online it becomes even harder convince people to train.
Investments
Between maintaining certifications and paying rent for gyms, the expenses for a personal trainer are generally very high.

Wireframes

We looked at the trainer side of the nowly app as more of an instant calendar app. This means that trainers can just turn on when they’re available for the algorithm to match up with them. And give them some autonomy to book their own sessions ahead of time. This would eliminate the need

Branding

Taurist was also given the task to design the logo, voice, and user interface, Check out our Nowly Branding Case Study to see more on how we chose the fonts, colors, identitiy, voice, and logo of this brand.

User Interface

After the branding was completed we knew exactly what kind of colors we wanted to use, how we wanted the artwork to be, and what the theme/voice of the app experience would be like. So we began to design the interface.
We had to consider what the icons would look like, what our navigation would operate. How would we get the information accross to the users so that the app was as easy to understand as possible?

High Fidelity Prototype

With the wireframe prepared and the User Interface prepared it was time to put together a high fidelity prototype for the stakeholders to see. The goal was to make it as fun as possible to trainers, and reward the trainers who returned. We made a Ranking system that allowed trainers to compete with other trainers in order to receive bonuses. Accepting a session and changing your status should all be done from the homepage. This would allow trainers to respond quickly and keep the app running smoother for users on the other side.

Dark Mode

Screens have become a big part of our lives recently and with this comes the need to give users a break from the bright LED screens we carry on our pockets on a daily basis. That’s why we chose to design a “Dark version” of the app for users who prefer darker screens.

Personal Trainer App

Takeways

Nowly’s MVP phase is set to launch in the first quarter of 2022 with this phase allowing us to perform firsthand user testing as well as interviews. With the information gathered we aim to further develop the app and apply some real world data to the design solutions we implement.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Personal Trainer App

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

We'll be perfect for each other...You'll see

Be ready to be taken in a journey where projects are always on time and customer satisfaction is always high. Tell us a little bit about yourself and your project.
👇

We'll be perfect for each other...

You'll see...

Be ready to be taken in a journey where projects are always on time and customer satisfaction is always high.

Tell us a little bit about yourself and your project.

Design project Info
Step 1/6
Type of Service
Design project contact info
Copywriting services
Photography and illustration for website
Design Project budget
Customer contact info

What services do you need?

Choose one or choose them all. Either way, we're here to help.

Design agency projects
Contact Details design agency
Step 2/6
Contact Details
Copywriting services
Photography and illustration services
Project budget
Taurist contact info

We can’t wait to meet you.

Please fill in the details below so that we can get in contact with you.

Design agency projects
Design project contact info
Copywriting services
Step 3/6
Written Content
Photography and illustration for website
Design Project budget
contact info design

Do you have written content available?

If not, it's no problem. We have expert writers that can help you.

Design agency projects
Design project contact info
Copywriting services
Photography and illustration for website
Step 4/6
Illustrations
design project pricing
contact info design

Do you need custom Illustrations or Photography?

We can always provide excellent and effective imagery for you.

Design agency projects
Design project contact info
Copywriting services
Photography and illustration for website
Design Project budget
Step 5/6
Project Bracket
contact info design

What project bracket are you in?

That way we can better allocate our team.

Design agency projects
Design project contact info
Copywriting services
Photography and illustration for website
Design Project budget
Design agency email
Step 6/6
Confirmation

Confirm Submisson

Thanks for taking the time to complete this form.

Back arrow
Previous
Next step

Thank you for filling out our form

Please check your email for the next steps. 📩
Or
Schedule a 1-on-1 session with the founder by clicking the link below. 👇
Uno a Uno
Oops! Something went wrong while submitting the form. Make sure you filled out the entire form.