UI/UX Design
Luna Yoga Indonesia
Luna Yoga Indonesia
Luna Yoga Indonesia
Website
Website
Website
Making Yoga More Flexible Than Ever
Making Yoga More Flexible Than Ever
Making Yoga More Flexible Than Ever
Available for
Available for
Available for
My Role
My Role
My Role
01 Project Overview
01 Project Overview
01 Project
Overview
Problem Statement
Problem Statement
Since the pandemic, yoga instructors have turned to digital media to continue their business. As a result, yoga participants have become open to the possibility of doing yoga anywhere and anytime. Therefore, the Luna Yoga Website aims to create a platform that provides a sustainable solution for both parties. This is achieved by creating a platform for re-watchable yoga classes and a place for users to explore and register for the various classes offered.
Since the pandemic, yoga instructors have turned to digital media to continue their business. As a result, yoga participants have become open to the possibility of doing yoga anywhere and anytime. Therefore, the Luna Yoga Website aims to create a platform that provides a sustainable solution for both parties. This is achieved by creating a platform for re-watchable yoga classes and a place for users to explore and register for the various classes offered.
Challenges
Challenges
The primary challenge in creating this website is designing a UI and UX that can be easily understood by LYI's clients, who are predominantly from the Generation X (41-56 years) and Baby Boomer (57-75 years) generations, as well as Millennials (25-40 years). Another issue that needs to be addressed is ensuring that users can comfortably and satisfactorily perform yoga exercises online using their digital devices.
The primary challenge in creating this website is designing a UI and UX that can be easily understood by LYI's clients, who are predominantly from the Generation X (41-56 years) and Baby Boomer (57-75 years) generations, as well as Millennials (25-40 years). Another issue that needs to be addressed is ensuring that users can comfortably and satisfactorily perform yoga exercises online using their digital devices.
Tools Used
Tools Used
02 Research
02 Research
02 Research
User Survey
To focus on understanding user behavior, needs and motivations, I conducted research using qualitative methods in the form of interviews. I interviewed 10 yoga participants to understand their difficulties and needs when they wanted to do yoga online
What is the biggest challenge you face when trying to attend yoga classes in person?
1
Finding a convenient class schedule
2
Traveling to the yoga studio or gym
3
Cost of attending classes
4
Other (Health/physical condition)
0
1
2
3
4
5
6
7
8
9
10
50%
20%
20%
10%
1
2
3
4
How does practicing yoga at home benefit you?
1
Saves time & eliminates the need to travel
2
Provides a comfy and familiar environment
3
More cost-effective than offline classes
4
Other (please specify)
0
1
2
3
4
5
6
7
8
9
10
70%
20%
10%
1
2
3
4
What feature of an online yoga website is most important to you?
1
A wide variety of classes to choose from
2
Experienced & knowledgeable instructors
3
User-friendly website design & navigation
4
Other (please specify)
0
1
2
3
4
5
6
7
8
9
10
40%
40%
20%
1
2
3
4
What motivates you to continue practicing yoga regularly?
1
Improved physical health and fitness
2
Reduced stress and anxiety
3
Increased mental clarity and focus
4
Other (please specify)
0
1
2
3
4
5
6
7
8
9
10
50%
30%
20%
1
2
3
4
Conclution
Based on these simulated answers, it appears that the most common challenges users face when attending yoga classes in person are finding a convenient class schedule and traveling to the studio or gym. Additionally, most users seem to benefit from practicing yoga at home because it saves time and provides a comfortable environment. A wide variety of classes to choose from and an experienced and knowledgeable instructor is the most important feature of an online yoga website for most users, while improved physical health and fitness is the biggest motivator for continuing to practice yoga regularly.
User Survey
To focus on understanding user behavior, needs and motivations, I conducted research using qualitative methods in the form of interviews. I interviewed 10 yoga participants to understand their difficulties and needs when they wanted to do yoga online
What is the biggest challenge you face when trying to attend yoga classes in person?
Finding a convenient class schedule
50%
Traveling to the yoga studio or gym
20%
Cost of attending classes
20%
Other (Health/physical condition)
10%
How does practicing yoga at home benefit you?
It saves time and eliminates the need to travel
70%
It provides a comfy & familiar environment
20%
More cost-effective than offline classes
10%
Other (please specify)
0%
What feature of an online yoga website is most important to you?
A wide variety of classes to choose from
40%
Experienced & knowledgeable instructors
40%
User-friendly website design & navigation
20%
Other (please specify)
0%
What motivates you to continue practicing yoga regularly?
Improved physical health and fitness
50%
Reduced stress and anxiety
30%
Increased mental clarity and focus
20%
Other (please specify)
0%
Conclution
Based on these simulated answers, it appears that the most common challenges users face when attending yoga classes in person are finding a convenient class schedule and traveling to the studio or gym. Additionally, most users seem to benefit from practicing yoga at home because it saves time and provides a comfortable environment. A wide variety of classes to choose from and an experienced and knowledgeable instructor is the most important feature of an online yoga website for most users, while improved physical health and fitness is the biggest motivator for continuing to practice yoga regularly.
User Survey
To focus on understanding user behavior, needs and motivations, I conducted research using qualitative methods in the form of interviews. I interviewed 10 yoga participants to understand their difficulties and needs when they wanted to do yoga online
What is the biggest challenge you face when trying to attend yoga classes in person?
Finding a convenient class schedule
Traveling to the yoga studio or gym
Cost of attending classes
Other (Health/physical condition)
0
1
2
3
4
5
6
7
8
9
10
50%
20%
20%
10%
How does practicing yoga at home benefit you?
Saves time & eliminates the need to travel
Provides a comfy and familiar environment
More cost-effective than offline classes
Other (please specify)
0
1
2
3
4
5
6
7
8
9
10
70%
20%
10%
What feature of an online yoga website is most important to you?
A wide variety of classes to choose from
Experienced & knowledgeable instructors
User-friendly website design & navigation
Other (please specify)
0
1
2
3
4
5
6
7
8
9
10
40%
40%
20%
What motivates you to continue practicing yoga regularly?
Improved physical health and fitness
Reduced stress and anxiety
Increased mental clarity and focus
Other (please specify)
0
1
2
3
4
5
6
7
8
9
10
50%
30%
20%
Conclution
Based on these simulated answers, it appears that the most common challenges users face when attending yoga classes in person are finding a convenient class schedule and traveling to the studio or gym. Additionally, most users seem to benefit from practicing yoga at home because it saves time and provides a comfortable environment. A wide variety of classes to choose from and an experienced and knowledgeable instructor is the most important feature of an online yoga website for most users, while improved physical health and fitness is the biggest motivator for continuing to practice yoga regularly.
User Persona
User Persona
User Persona
To complete the project, we tried to make the design based on user characteristic
To complete the project, we tried to make the design based on user characteristic
To complete the project, we tried to make the design based on user characteristic
User Story
User Story
A user stories was created to keeps focused on solving problems that the user had. A well-defined user story help me to identify what the user aims to achieve, and how to find the best way possible to implement the features that the user needs.
A user stories was created to keeps focused on solving problems that the user had. A well-defined user story help me to identify what the user aims to achieve, and how to find the best way possible to implement the features that the user needs.
Clients
As a yoga client, I want to access a variety of online classes with different levels, styles and benefits so that I can practice yoga at home according to my preferences and schedule.
The acceptance criteria for this user story could be:
The website should show me a catalog of online classes with filters such as level, style, duration, and benefits
The website should enable me to watch them on demand
The website should track my progress and give me feedback and recommendations
As a yoga client, I want to access a variety of online classes with different levels, styles and benefits so that I can practice yoga at home according to my preferences and schedule.
The acceptance criteria for this user story could be:
The website should show me a catalog of online classes with filters such as level, style, duration, and benefits
The website should enable me to watch them on demand
The website should track my progress and give me feedback and recommendations
Instructor
As a yoga instructor, I want to create and upload online classes with different levels and styles, so that I can reach more students and share my passion for yoga.
The acceptance criteria for this user story are:
The website should allow me to record and edit my classes using a simple interface
The website should enable me to upload and manage my classes with categories such as level, style, duration, and instructor
The website should display my profile and bio with information such as credentials, experience, and philosophy
Empathy Map
Empathy Map
Empathy map is a tool I used to understand the needs, goals, frustration, and behaviors of users.
Empathy map is a tool I used to understand the needs, goals, frustration, and behaviors of users.
03 Brainstroming
03 Brainstroming
04 User Flow
04 User Flow
04 User Flow
Wireframe
Wireframe
Wireframe
Website for Dekstop
Website for Dekstop
Website for Dekstop
Website for Mobile
Website for Mobile
Website for Mobile
Final Product
Final Product
Final Product
Website for Dekstop
Website for Dekstop
Website for Dekstop
Landing Page
Landing Page
Landing Page
About Me
About Me
About Me
Re-Watch Class
Re-Watch Class
Re-Watch Class
Gallery
Gallery
Gallery
Website for Mobile
Website for Mobile
Website for Mobile
Landing Page
Landing Page
Landing Page
Re-Watch Class
Re-Watch Class
Re-Watch Class
Gallery
Gallery
Gallery
