Self-care App

for the stressed & sleep deficient

KLAR is a self-care app that provides mindfulness and sleep contents. Here is a case study on the ideation to launch process.

KLAR backgroundKLAR player mockupKLAR Sleep mockupKLAR survey mockupKLAR mockup home screen
Year

2019 - 2020

My Role

As the sole Product Designer, I oversaw the product, brand, and content strategy. This was a new business initiative where I drove concept to launch in just three months. We were selected as Apple App Store’s “App of the Day” three times with 4.9/5.0 review ratings from users.

Skills

Product Design
Prototyping
Branding

Tools

Sketch
Protopie
Zeplin

User Problem

High stress and sleep deprivation are common in Korea, but many struggle to manage their mental health due to social stigma.
  • Many office workers in Korea avoid seeking mental health support and don’t receive adequate care.
  • The mental health service usage rate in Korea is half of that of average OECD countries, and less than a quarter of the U.S.
  • The low usage is mainly due to negative stigma around mental health issues.

Mental Health Service Usage (2015)

Usage in Korea is a quarter of the U.S.
Mental Health Service Usage graph

Experience of Stress (2016)

Workers in their 20~30s experiencing burnout
Experience of Stress graph

Office Workers' Sleep Pattern (2018)

Workers experiencing chronic sleep deficiency
Office Worker's Sleep Pattern graph
Target User

In order to tackle the problem of mental health issues in Korea, we decided to target office workers in their 20~30s that experience daily stress and sleep deficiency.

Design problem diagram
Design Goal

Design a self-care mobile app specifically for young office workers, empowering them to take care of their mental health with ease and accessibility, even amidst their demanding lifestyles.

Key Concept

We decided to introduce the concept of mindfulness and self-care through a mobile app so that office workers can take care of their mental health in their everyday lives without the need to visit mental health institutions.

Design principles
01
Modern

In Korean society, meditation is often associated with Buddhism and considered "old." A major focus of the project was to brand the app to be modern and fun for younger generations to use.

02
Reliable

"Mindfulness" was a fairly new concept in Korea at the time. We wanted to emphasize that there was many scientific research behind mindfulness, known to have the following benefits.

Alleviates stress, depression, anxiety

Improves insomnia and sleep quality

Strengthens emotional control and focus

Course cards use "Humaaans" illustrations by Pablo Stanley.

Key concept mockup

Simplified User Flow

We simplified the user flow starting from the Onboarding to Course Contents, making sure the main call-to-action button was easy to notice. We also added ASMR background sounds to the meditation to make it more comfortable for new users.

Home

The home screen is structured to highlight the contents in each section through the use of cards.

Arrow right
Session Play

Courses have sessions with a short introductory guide. Users can choose the voice and duration.

Arrow right
ASMR Sounds

Users can add ASMR background sounds while playing the meditation contents.

Menu Structure to Highlight Core Features

The global navigation has 3 tabs, which highlight the core features of the app - Meditation, Sleep, and Profile. The Meditation tab offers different mindfulness courses, whereas the Sleep tab features meditation for sleep and ASMR contents. The Profile tab displays a calendar track record of what kind of contents have been played.

Mental Health Surveys

In addition to the audio contents, we provided questionnaires to help users check their mental state, including stress, insomnia, depression, anxiety, anger, and ADHD.

01
Check-in
Record mental health data such as sleep, stress, etc.
KLAR Key Feature Mockup 1
02
Questionnaire
Fill out a quick questionnaire to check your current state.
KLAR Key Feature Mockup 2
03
Analysis
Analyze the results of the questionnaire and give tips.
KLAR Key Feature Mockup 3
04
Recommendation
Recommend personalized audio contents.
KLAR Key Feature Mockup 4
05
Player
Play audio contents based on your preferences.
KLAR Key Feature Mockup 5

Achievements

We launched the app in just three months and achieved organic growth without any marketing. It was featured as Apple’s “App of the Day” three times. However, the most rewarding part was the heartfelt user reviews thanking us for creating the app.

app of the day

Apple App Store

App of the Day badge

App Store

Health & Fitness

#9

Reviews

App Store Reviews

4.9 stars

160 Reviews

Firebase

1st Week Retention

30.4%

120K Downloads

Media Play

Sessions Completed

74.5K

6 months

Review 1Review 2Review 3Review 4

Learnings

  • KLAR is one of the most rewarding projects that I've worked on in my career.
  • We started at zero and built our way up within just a period of three months. I worked closely with Engineering and QA to deliver the highest quality as much as possible through agile development.
  • After launch, reading through all the user reviews made me realize the positive impact that we can have on people's daily lives.
White arrow top