Client   Hop Studio     
Work Type   Product Strategy + UX Design + UI Design + APP Development  
Team   Rui Parada (UX) + Frederico Junqueira (FE) + André Sousa (BE)
Tools   Milanote + Notion + Miro + Figma
Background
Hop Studio is a premium fitness place specialized in cardio and holistic classes. The studio uses oriented personalized classes by personal trainers to increase athletic performance and rehabilitation.
Challenge
The studio needed to improve the management process and speed up the athlete's classes reservation because the process involved too many tasks and a huge waste of time.
The classes were scheduled by the personal trainers with the studio owner always involved. All classes were scheduled between the athletes and the personal trainers by individual messages and organized by the studio owner in a general excel sheet. The process was really slow with a lot of interactions between all stakeholders. It took a lot of time to do a simple task.
Kickoff
To simplify and to speed up the management processes we were commissioned to design and develop an application for the Hop Studio.

The desired main goals were shared by the studio owner in the first briefing:
• 3 different profiles (manager, coaches, and athletes)
• a daily, weekly, and monthly calendar for the classes schedule
• speed up the interactions between all the stakeholders
• simplify all the management processes for the coach and manager profile
My Role
I led the Product Design and collaborated with the Development Team to research, scope, plan, and execute.

Main Tasks
> Planning and building the project vision
> Research and interviews
> Customers insights & ideation
> Design execution and validation

Core Team
> Product Design >> Rui Parada
> IOS and Android Development >> André Sousa + Frederico Junqueira
Desk Research
The first step of the design process involved desk research to understand how similar apps behave. I´ve collected a large amount of information with examples of possible solutions for our product needs. This research helped us to get some ideas for future problems and to get visual and structure recommendations. I´ve already involved the stakeholders and our team in this process.

Milanote app with desk research details

Competitive Analysis
User Flow (Future-state journey)
A Future-state journey map is a visualization of an ideal journey for an existing product or a journey for a product that does not exist as yet. As we are creating a new product our journey map should be considered in a future-state map.

The user flow was created with Figma, for the three different profiles (manager, coach, and athlete) with the desired main tasks, to challenge our users to navigate in similar applications. This helped frame the right kind of questions to ask the users while they take us through their journey. Regybox, Glowfox, and Virtuagym appear among the most sought-after apps, which helped us draft a simple user flow and pick out the pain points.

This method was used in the next step - the user interview - where we pretended to capture things we want to avoid and things we desire to build.

User Flow process to create a new fitness class and a to add a new coach - Manager Profile

User Flow for fitness class booking process - Coach Profile

User Flow for fitness class booking process - Athlete Profile

User Interview
Despite the profiles already being identified, we wanted to understand the real needs of each of them.

After the future-state journey map has been created, some interviews were defined for the different profiles. I´ve interviewed the manager, 5 coaches, and 5 athletes.

The interviews started with the user journey process in similar applications. Going through the booking classes process of a few pre-existing applications by themselves will give us a rough idea of what steps are required to search and secure an effective booking class. 
The process was registered with the pain points for all the users.

For the next step, a set of direct questions were defined. The interviews took approximately 45 minutes and included topics to get to the core of what users are trying to do and what their problems are. That would bring enough data and inputs to generate concepts and hypotheses.

Defined questions for the Manager:
• How many athletes and coaches are you responsible for?
• How many fitness classes do you have in the studio? 
• Can you describe how do you manage the booking classes for your coaches and athletes?
• How do the cancelation and reschedule processes works?
• How do you think the process could improve?
• Have you ever used any fitness application for managing a fitness project? If your answer was "yes", which one? Can you define the positive and negative experiences? 
• How do you communicate with your coaches? And with the athletes? How can both be improved?
• What are the management processes that take you more time to do? How can you simplify the processes?

Defined questions for the Coaches:
• How many athletes are you responsible for?
• How many fitness classes do you have weekly? Do you have different types of classes?
• Can you describe how do you book a class for your athletes?
• How do the cancelation and reschedule processes works?
• How do you think the process could improve?
• Have you ever used any fitness application for booking your fitness classes? If your answer was "yes", which one? Can you define the positive and negative experiences? 
• How do you communicate with your athletes? And with the manager? How can both be improved?
• What are the management processes that take you more time to do? How can you simplify the processes?

Defined questions for the Athlete:
• How many fitness classes do you have weekly?
• Can you describe your booking class process?
• How do you think the process could improve?
• Have you ever used any fitness application for booking your fitness classes? If your answer was "yes", which one? Can you define the positive and negative experiences? 
• How do you communicate with your coaches? How can it be improved?
Customers Insights
From the beginning, it was clear that the manager should take control of all the features in the APP. The manager manages all the interactions between the coaches and athletes. The coaches only manage the athlete's permissions.

After analyzing all the interviews data, I defined the most relevant information arranged by priority for decision-making.

The manager needs to:
> manage the coaches
> manage the athletes and access the list with different views (active, inactive, new, and also, sort athletes by coaches)
> access and manage all the classes scheduled in the calendar and permissions to edit
> manage premium packages and payments
> upload videos by class in the video section
> direct channel to communicate with the customers

The coaches need to:
> manage their athletes and access the list with different views (active, inactive, new)
> access the general calendar to check the spots available to add classes
> manage and to have permissions to change their classes in the calendar
> manage premium packages
> upload videos about his class
> direct channel to communicate with the manager and athletes 
​​​​​​​
The athletes need to:
> associate his/her coach
> needs to access the general calendar and check the spots available
> needs to book the classes 
> wants the possibility to change or edit his reservation (cancel or rescheduled)
> weekly classes resume
> direct channel to communicate with the coach 

Miro brainwriting cards with feedback from the user interviews.

Personas
Personas reflect real user patterns and help us to have a better understanding of our user's goals and frustrations. With all the data collected from the future-state journey map and the user interviews, I defined three personas representing an ideal user for each one of the different profiles. From the overall data, I synthesized the goals, wants, needs, and fears to prioritize the main needs of each one.
Empathy Map
The Empathy Map helped us to understand our target audience with more clarity as illustrate their needs, actions and to gain perspective on their thoughts and feelings. This data was based on insights from user interviews.
User Flow
The user flow was the next process needed for the product ideation.
Based on all the data collected before, we created with FigJam tool three different flows for the three personas based on their needs. Each one has different paths to follow and goals to achieve.

User flow process for the Manager - FigJam tool

User flow process for the Coach - FigJam tool

User flow process for the Athlete - FigJam tool

Work in progress...
Next:
Wireframes
Prototype
Usability Testing
Implementing Feedback

Soon more updates about the next phases.
Thank you.

You may also like

Back to Top