Orange Theory is a gym which is located in Boca Raton in Florida since December 2019. It consists of more than 1200 studios within the 50 states of US and has branches in more than 23 other countries.
According to the pandemic and disruption of member's sports programs due to health protocols observation, it is decided to redesign the complex website and design the complementary application for Orange Theory.
Design Role
UX Research
UX Design
Visual design
Deliverables
User flow /Site map/ Persona
User journey map /UI kit/ Low-Fid & High Fid Wireframe / Prototype / User testing Result/ Visual design
Year
2020
Tools
Adobe XD
Photoshop
OVERVIEW
Problem
1. Pandemic leads to stop most of the member’s activity.
2. The way that the user needs to LOG In is too complicated.
3. The lack of diet plan and nutritional supplements.
4. The lack of online registration wastes lots of user’s time and
they will give up to complete the process.
Solutions
1. By site redesigning members can continue their activities easily.
2. By fixing the “login” process users feel better.
3. The existence of diet plan and nutrition supplements motivate users.
4 . Easy and fast online registration just by a few clicks.
Project's Goal
Targeted sports programs are offered to members with an emphasis on power, strength, and combination or an amalgam of the three mentioned methods. Members, all over the world, are allowed to reserve their desired classes within the Orange Theory application based on days, hours, free classes, and coaches.
Aim of Product
At the first stage of a site redesign, which is the essential aim of redesigning the enrollment process, the user should register to the site as soon as possible and without any difficulty when enters it.
UX Design Process
Research
To better understand the user's needs, we conducted user surveys and interviews with different demographics.
We wants to learn more about users and their needs and experiences. That’s why we create 2 kind of questions for people how are Orange theory members, and for other gym members.
Interview report: Click here
60
18
User surveys
Survey Questions
6
Interviews
70% / 30%
70% of users were women & 30% were men
52%
of people go to the gym 2 to 3 sessions per week
65%
of people choose personal trainer and others prefer group classes
+50%
More than half of users were about 25 to 34 years old
60%
of people choose cardio at gym
44%
of people need online classes because it is more convenient and safe
Competitive Analysis Highlights
To find a unique value proposition for complementary app for orange theory, we analyzed top current competitors. In new Orange Theory we offer the main features that competitors provide to the users while
SWOT
To achieve a better recognition from Orange Theory, we decided to conduct a SWOT table.
User flow for Orange Theory
As a current product, we investigate orange theory very well and design its different user flow to find how users face this application and design more user friendly flows for the complimentary app.
User flow for sign in a free class
User flow for the Hero of application
User flow of whole website
Site map of Orange Theory
We design the current situation of orange theory site map to understand how it offers services to their users and find where we want to be later.
Affinity diagrams
We create the affinity diagram based on the result of the survey & interviews, and categorized them in three main parts:
-
Considering positive & negative points of orange theory's members
-
Did the same task as the first part for other gym members.
-
Checked positive & negative points of orange theory's members about OTF app and website
-
Collect information about positive & negative points for online classes
-
Finally, we conclude our ideas from the comments of these groups.
OT Members Pro
OT Web/App Cons
OT Members Cons
OT Web/App Pro
Other gym members Pro
Online class Cons
Other Gym members Cons
Online class Pro
Ideation
After study the current situation of Orange Theory, we started to ideate from the research stages.
First ideas from results
Persona
The insights we gained from surveys and interviews, leading up to the persona. The main goal is to display those patterns and pain points, which allowed us to empathize with users.
User journey map
Creating a user journey map helped us better understand the user's expectation and their experiences using the app. We illustrated the journey map for Amy from her situations and the steps she took to find Orange theory as the right solution for her goals.
Sign up/ Sign in User Flow
Profile / Edit User Flow
Online / In-club classes
Online classes
Book free
Video classes
Instructors
Healthy food
User Flow for complementary app
After conducting user studies and peruse the current situation of Orange Theory, it's a good time to create user flow for complementary application to highlight the main features of the product.
Hand sketch wireframe
We drew some sketches to lay out our different ideas before spending a lot of time on the gray-scale wireframe.
Wireframe
Wireframes were created in gray-scale to define the template of screens.
After gaining valuable insight & feedback on the frames, we made a lot of changes on the design.
Final UI Design
The lessons of this project
-
Research is a must - I couldn't have designed a product users love without the help of the people who will actually use it. The user survey revealed unexpected information and made it possible to adapt the product to user's needs.
-
The users are always right - conducting user testing and evaluating users feedback at various stages helped me to discover and eliminate pain point at early stages.
-
Attention to users convenience - I've learned it in any part of the user journey, after the conducting of user surveys and interviews.
