Project Summary

Calm App is an app available to download for meditation practices and sleep stories. It helps to manage user stress, sleep aid, and mental wellness. Calm was founded in 2012 in San Francisco and currently has 40 million users.

UX Designer
User Research
Analysis
Website

Project Details

Role :

UX Designer

Duration :

80 hours

Website :

Prototype

Tools :

Figma, Miro, Usertesting

Problem

The problem is when people realize they need meditation but don’t know which meditation practice suits their current stress level. And how and where to ask for meditation advice. 

Competitive analysis is a key aspect when in the beginning stages of an SEO campaign.
Far too often, I see organizations skip this important step and get right into keyword mapping, optimizing content, or link building. Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps.
Problem Tab Image

Solution

Problem Icon

1. Stress Test : for beginner
2. Community :
- Search for posts related to their concerns
- Post questions on their own.

Solution Image

1. Discovery Phase:

UX Research Plan

Market Research (Secondary Research) is always my first approach to understand who are Calm's competitors. Knowing competitors' features will help me to design accordingly.

Customer Survey:
- Second approach.
- Understand competitors on Market Research,
- Understand how users react to new features.

Research Insights

Market Research:
- Competitors have expensive premium.
- Headspace is one of the most popular one in the market : advantage.
- None of them offer Stress Test or A community where users can share their thoughts and experiences
Customer Survey:
- More than 87% of users are curious about their stress level.
- "I don't know where to check it" or "I spoke to psychologist". - User quotes.
- No friend or family to tell them that they need to seek for help.
- People just don't know where to test their stress level.

Plan Image

2. Define Phase:

Persona

After finished the discover phase, I am confident on my approach to design stress test and community. To sharpen my approach, I created a persona to enclose users' needs, experiences, behaviours and goals.

Plan Image

Task Flow

This one focuses on Stress Test.

Use flow Image

Site Map

Two new features are in purple and it's sub pages.

Use flow Image

3. Create Phase:

Fidelity Concepts

Competitive analysis is a key aspect when in the beginning stages of an SEO campaign. Far too often, I see organizations skip this important step and get right into keyword mapping, optimizing content, or link building.

Concept ImageConcept Image

1. Sketches

My sketches are based on the original design of Calm app. I took an inspiration from Facebook and Meetup

02. High Fidelity

Apply what we came up with in our research and brand color to the low fidelity to having our high fidelity.

Concept Image

Demos And Pages

Final product for Calm 's website.

Case Page Image

Home

Case Page Image

Event Page

Case Page Image

Stress Test

Case Page Image

Stress Test Result

Phase 4: User Testing and Reflection

User Testing Finding:
- Progress bar needs to be fixed.
- Users don't like double clicks to change to the next questions. Users want to see final answer.
- Some users clicked the add topic button more than 5 times (painful click and not very good hierarchy) when they search key word. 

Reflections
Having a supportive community and a stress test is not enough to solve the problem I am trying to solve here.