![](https://framerusercontent.com/images/e9emUDeXA14PTTYqumZizvfsc.png)
Dhyaan - UX/UI case study
Overview
A meditation and yoga website which provide guided yoga and meditation videos by various yoga gurus and teachers.
Problem
Mental health issues are increasing globally, particularly in India where stress and anxiety levels have risen. A study by The Center of Healing (TCOH) in Delhi found that 74% of Indians suffer from stress and 88% from anxiety. Unfortunately, mental health issues are still not well-treated in India. Only 41% of 15 to 24-year-olds believe it is helpful to seek support for mental health problems, compared to an average of 83% across 21 countries, according to the State of the World's Children 2021 report.
Solution
The goal is to create a mindfulness website that provides guided meditation and yoga videos by different yoga gurus and teachers to help users improve their mental and physical health. This is a responsive website designed for both mobile and computer users. It also consists of different activities such as music, article and courses which will also help users to improve their mental health.
My role
UX designer, UX researcher, UI designer
![](https://framerusercontent.com/images/8wBMWkWvebbS5QThG2xpgXOKpaw.png)
![](https://framerusercontent.com/images/mkR7iRnjvLxUQcTMXbF54TnhfI.png)
Analytical research
Conducted analytical research which helped in gaining more knowledge in the field of Yoga and meditation.
Found out about various types of yoga such as Hatha Yoga, Kundalini Yoga, vinyasa yoga, Lyenger yoga etc. Learned about the history of yoga and various Indian yoga gurus.
Got to know about various benefits of yoga and meditation.
Discover various other activities such as music and reading which can help in improving mental health
Card sorting
Used card sorting method to find out and group different asanas of different yoga which had same health benefit.
![](https://framerusercontent.com/images/K0M2dmuoQ4rbc658VeATJvV0hYY.png)
Competitive analysis
![](https://framerusercontent.com/images/jriPkAxrnbJLXcuM0K7hCyEGA.png)
![](https://framerusercontent.com/images/25iOYRAz1AhEYHD5CkrNQuLBWc.png)
![](https://framerusercontent.com/images/sHoaBBWZmhZotSY4w1d3a3UYg.png)
![](https://framerusercontent.com/images/reepn7HvqV2FP967evGMJLZTRNc.png)
![](https://framerusercontent.com/images/wIfSGfyuDWhnG5Rw8tF3oy1J5U.png)
![](https://framerusercontent.com/images/b6fGq8HOzbYbKZGX9agcylTmj8.png)
![](https://framerusercontent.com/images/78uomeReCxt1EPARyveU3mt7weI.png)
Usability study
Conducted usability study of the digital wireframe to evaluate and improve the usability of the design. Gather information from the user to improve the overall user experience.
Participants where given following task to perform to understand the usability of the design
- Go to your desired section (meditation, yoga, article, etc.) from the navigation menu
- Choose the video that you want to watch
- Change language of the website
- Save any video to “My library”
Website Insights
Remove add playlist feature form the Cards
Make horizontal scroll of videos through arrow button
Add save feature to the guru and experts screen to save teacher to my library
Highlight filter tags to show that they are selected
Remove the class description instead show description in info feature
Mobile Insights
In mobile make Gurus and experts section less clustered
Write filter text near filter icon to make it more accessible
Highlight filter tag to show that they are selected
![](https://framerusercontent.com/images/talcDfICzQkFj8inSCTS6LZOpkg.png)
![](https://framerusercontent.com/images/omTPmRJWtQiyOuIRMwVbmXZXoE.png)
![](https://framerusercontent.com/images/aHmv2alZyxNH54Fj9p97k8AO6yc.png)