MSRA
Mobile App

Timeline:

6 weeks Duration

Role:

UX Research UX / UI Design

Tools:

Photoshop Figma InDesign

Overview:

Mindfulness Stress Reduction is a blend of meditation, body awareness and mindful movement: learning through practice and study how your body handles the stress. In this full of distraction world, we need to find our inner peace and happiness! Stress has become a common issue in today's fast-paced and demanding world, leading to various physical and mental health problems. Mindfulness practices have been proven to be effective in reducing stress, anxiety, and improving overall well-being. With this app, I am aiming to support users in their mindfulness journey!

I used a 5-stage Design Thinking model proposed by the Hasso Plattner Institute of Design at Standford (the “d. school”). The stages of the Design Thinking process are as follows:

Empathize:

01/04

The Problem:

We live in a noisy and hectic world, full of distraction. To find our inner peace and balance, we need to learn to meditate and be present. It happens to everyone once in a while to be depressed or feel overwhelmed. Being able to manage the stress and cut distractions is vital for increasing productivity at workplace and with achieving our personal goals.

02/04

The Solution:

With Mindfulness Stress Reduction App, I am aiming to support every user to improve their abilities of coping with stress, pain and problems in every day life, learn to breath deeply, meditate, deal with disturbing events and be fully present and alive in this moment. Research shows that mindfulness training can have significant therapeutic benefits for those experiencing stress, anxiety, high blood pressure, depression, heart disease, diabetes and other ailments.

03/04

Research:

The next step was to define user and business goals:

0.1

Main User Goals is to overcome stress through a user-friendly app.

0.2

Progress tracking and report to keep users motivated and consistent.

0.3

Main Business Goals was to make the product unique as possible in order to stand out from competitors.

0.4

Competitor Analysis:

As part of the Competitive Analysis , I conducted an analysis of four different “Mindfulness” apps – InsightTimer, HeadSpace, Calm, Meditopia. I focused my research on User Interface elements and functionalities, so I was able to identify the areas where they excel or fall short. This gave me an opportunity for differentiation and improvement. After my research, I found that InsightTimer had many functions and was feeling overwhelming for users. Calm by itself was not user-friendly, and users might feel lost while using it. Meditopia had overloaded structure. In light of these findings, I was driven to develop a more user-friendly, intuitive, and personalized meditation app. This app would cater to individual user preferences and moods, providing an effortless and enjoyable mindfulness experience.

0.5

Personas:

To further understand the mindfulness app target audience, I have developed personas. This allowed me to design features, content, and experiences that cater specifically to their needs, preferences, and pain points.

I have interviewed nine people from different demographics, asking them the same questions. After the interviews, I analyzed the responses to identify common themes, pain points, and opportunities for improvement. This data helped me to inform the development and refinement of the app strategy. The goal was to clearly identify user goals and frustrations, and according to that I have created a user journey map.

04/04

Ideate:

During the Ideate Stage, I have identified innovative solutions to the problem statement I have created.

0.1

The Process:

Then I moved to User Flow, Brainstorming and Information Architecture. User flow map for MSRA, helped me to visualize the user's journey through the app.

0.2

User Flow Map:

Then I created a user flow map for MSRA, which helped me to visualize the user's journey through the app.

0.3

Cart Sorting:

I used the card sorting to help me determine how to categorize and organize various features, meditation sessions, and content within the app.

0.4

Site Map:

Site Map helped me to visualize the basic structure of mindfulness app, covering features like guided practices, meditation timers, mindfulness courses, progress tracking, and community engagement.

05/04

Design:

I came up with a design system to add consistency, structure and communication. I chose Poppins and DM Sans Font typeface. My choice for colors is a combination of bright green, bright blue and bright pink color. This combination is great for increasing user’s attention of details. Blue symbolizes strength and masculinity, pink symbolizes lust and desire. Bright green from the other hand symbolizes rebirth and tranquility, all colors necessary for being in the right space.

05/04

Prototypes:

I utilized both low and high-fidelity wireframes to showcase the progress to the client and ensure the seamless functionality of the app.

06/04

Validate:

In the concluding phase, I conducted a usability test for the app. I developed to ensure that users are proficient in navigating the product and its UI elements. I diligently collected their feedback, which was overwhelmingly positive, reflecting their high satisfaction with the overall MSRA experience.

07/04

Final Takeaways:

In my UX research for our stress reduction app, I've gained valuable insights into our users' needs. Through interviews, surveys, and testing, I've identified what causes stress and what users seek in a mindfulness app. I've also created user profiles to make the app more personalized. The key findings show that users value simplicity, diverse content, personalization , and a sense of community within the app. I'm dedicated to continually improving the app, safeguarding user data, and maintaining scientific credibility. Armed with these insights, I'm well-prepared to create an app that empowers users to reduce stress, enhance well-being, and cultivate mindfulness in their daily lives.

08/04

Final Design:

More
Projects

Up-Immigration Website

prototyping & Experiments

MSRAMobile App

Timeline:

Role:

Tools:

More Projects

let's talk

MSRA
Mobile App

More
Projects