Case Study:
Meditation
App & Responsive Website
Meditation
App & Responsive Website
Meditation
App & Responsive Website
Project Overview
The problem
Most of meditation app is not free, people who wants to learn meditation have to buy the app, thus not everyone can benefit from meditation.
​
The goal
Design an app that can make meditation practice everyone can get their hands on, wherever and whenever.
​
The product
This meditation app is to help your daily health and happiness, whether you have 5 minutes or 1 hours in your day. our goal is to fit into any schedule and is easy to use, make you enjoy your life more.
​
My role
UX designer leading the app and responsive website design from conception to delivery
​
Responsibilities
Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iteration on designs, determining information architecture, and responsive design.
​
Project duration
March 2022-April 2022
​
Understanding the user
​
I used meditation app to develop interview questions, which were then used to conduct user interview. Most interview participants reported feeling badly about some meditation app, because they charged too much, so they had to stopped learning meditation app. The feedback received through research made it very clear that users would be willing to learn meditation without charging, so that everyone will get benefit from meditation
​
Personas & problem statements
​
Mandy is a sales manager who busy at work so really need a meditation app teach her how to start a meditation.
​
Competitive Audit
An audit of a few competitor's app provided direction and gaps and opportunities to address with the meditation app.
​
Ideation
I did a quick ideation exercise to com up with ideas for how to make meditation app easy to enter and quickly know how to start playing the meditation
​
Easy access to app features from global navigation
with simple rectangle image to show users where to start learning.
​
Digital wireframes
After Ideating and drafting some paper wireframes, I created the initial designs for the meditation app. These designs focused on delivering easy to start learning meditation for the first time users.
​
Usability study
​
To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of learning meditation through the app.
​
​
Usability study findings
1. Meditation section
people need a short explanation of meditation instead of reading a long article.
​
​
​
2. Media section
when they click the play button, they prefer clear screen with nature artwork.
​
​
Refining the design
Mockups
​
Based on the insights from the usability studies, I applied design changes like providing simple title section easy for users to read and understand.
Before usability study
After usability study
​
Additional design changes included making the audio section with nature artworks to show users when they listening the meditation .
Before usability study
After usability study
Accessibility considerations
​
Initial focus of the home screen on meditation section and easy for users to use.
Refined designs
High-fidelity prototype
​
The high-fidelity prototype included the design changes made after the usability study.
Responsive Design
Sitemap
With the app designs completed, I started work on designing the responsive website I used the meditation sitemap to guide the organizational structure of each screen's design to ensure a cohesive and consistent experience across devices.
Responsive designs.
The designs for screen size variation include mobile, and desktop. I optimized the designs to fit specific user needs of each device and screen size.
​
Takeaways
Impact
Users shard that the app make them easy to learn medittion easily with no additional charges, the app make it more friendly for everyone who interested in meditation.
​
What I learned
I learned that even though the problem I was trying to solve was a big one, but diligently going through each step of the design process and aligning with specific user need helped me come up with solutions that were both feasible and useful
​
Next steps
Add more educational resources for users to learn about meditation.
​
Going forward