MYPT logo

Smart one-on-one personal training app

Get in shape whenever, wherever!

MyPT app mockup

About the client

My Personal Trainer is a fitness and well-being company that helps its customers achieve their dream body goals.

Whether customers need a personal trainer or a gym fitness team, MyPT provides qualified gym instructors in Dubai and Sharjah. Customers can get in shape in the comfort of their home or their club.

Additionally, they offer the opportunity to become a Certified Personal Trainer in the UAE.

Country

United Arab Emirates

Industry

Health & Fitness

Scope of work

Digital Product Design Services

MYPT Mobile Mockup

Challenges

The goal was to design an app that is easy to use, engaging, memorable, and meets business goals. MyPT had competitors like Enhance and Fitlov which are well-known and have pretty sophisticated interfaces and designs.
So, the challenge was to come up with a design that was better than its competition, deliver an intuitive user experience, and fulfill business objectives.

The Solution

Analyzing the market and competitors, we designed two apps, one for members and one for trainers.
The "Members app" allows members to track their sessions with trainers. A member can book a session based on the trainer's schedule, select a gym nearby, and pay through the same app once the session is over. Stats and graphs show a member's overall progress on the app's dashboard.
"The Trainers app" helps trainers schedule sessions and track trainee progress. They can keep track of upcoming sessions with clients through the calendar on the app's dashboard. Trainers can chat with clients, receive manual payments, and register those payments in the app.

The Process

The first step was to understand business objectives and challenges. We then completed detailed market research and competitor analysis, followed by information architecture, layout planning, and high-fidelity designs. As part of the design process, we kept in touch with the client to get their valuable input. In this way, the designs were able to meet both business and user needs.

Phase 1
Project Overview

Process

Initial communication and project analysis

Understood business idea and objectives

Defined rough estimates for the project

Outcomes

Project overview

Rough project scope

Initial project strategy

Week 1

#f8d9db
#ffe7e8
#442e31
Phase 2
Discovery

Process

Understood challenges

Discussed possible solutions

Did market research

Did competitor analysis

Defined detailed information architecture

Outcomes

Complete project scope

Finalized strategy

Week 2

#d4f6f1
#e9fffc
#314a46
Phase 3
UX Design

Process

Defined layouts

Frequent communication with client

Refined wireframes

Outcomes

Finalized wireframes in Figma

Week 3 & 4

#fff8df
#fffbef
#373325
Phase 4
UI Design & Prototype

Process

Mood boarding

Defined design system

Designed high-fidelity designs

Refined the designs

Prototyping

Outcomes

Finalized high-fidelity designs and prototype in Figma

Week 4 & 5

#e1dffe
#ebeaff
#3f3e58
Phase 5
Project Handover

Process

Handed over the design to the developers

Provided continuous support

Outcomes

UI Design in Figma

UI Kit

Week 6

#d6f5d4
#f0ffef
#2b4029
Phase 1
Project Overview

Process

Initial communication and project analysis

Understood business idea and objectives

Defined rough estimates for the project

Outcomes

Project overview

Rough project scope

Initial project strategy

Week 1

#f8d9db
#ffe7e8
#442e31
Phase 2
Discovery

Process

Understood challenges

Discussed possible solutions

Did market research

Did competitor analysis

Defined detailed information architecture

Outcomes

Complete project scope

Finalized strategy

Week 2

#d4f6f1
#e9fffc
#314a46
Phase 3
UX Design

Process

Defined layouts

Frequent communication with client

Refined wireframes

Outcomes

Finalized wireframes in Figma

Week 3 & 4

#fff8df
#fffbef
#373325
Phase 4
UI Design & Prototype

Process

Mood boarding

Defined design system

Designed high-fidelity designs

Refined the designs

Prototyping

Outcomes

Finalized high-fidelity designs and prototype in Figma

Week 4 & 5

#e1dffe
#ebeaff
#3f3e58
Phase 5
Project Handover

Process

Handed over the design to the developers

Provided continuous support

Outcomes

UI Design in Figma

UI Kit

Week 6

#d6f5d4
#f0ffef
#2b4029

Outcome

As a result, the client felt confident entering the competition since the final designs were not only better than the competition but also met the client's business goals. Soon, the app will be released.

Information Architecture

Wireframes

High-Fidelity Designs

Got a project in mind? Let’s talk!

Related Projects

An AI-based recruitment screening platform

Fleet rescue platform