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.

Persona

After interviewing several participants that fit our target group, we integrated our learnings into a single persona. Our persona is a young, hard-working millennial who struggles to achieve work-life balance.

KLAR persona profile image
An young-ee

"The boundaries between my work and life are blurred."

Age

32

Job

PM at a design agency

Interests

Career

Pain Points
  • Working overtime and late at night

  • Constant stress from work

  • Thoughts about work even at home

  • Difficulty sleeping and always tired

User Value

Wants some way to relax before bed

Motivation

Personal development

Hobbies

Yoga, pilates, cooking

Brands

Apple, Balmuda, Whole Foods

Willingness to Pay

Average

User Journey Map

The user journey map shows that our persona spends most of her day working and has very little personal time. She often feels drained and burnt out. We would need a solution that is simple and convenient to fit into such a journey.

KLAR user journey map

Mindfulness

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.

Benefits of Mindfulness

Alleviates stress, depression, anxiety

Improves insomnia and sleep quality

Strengthens emotional control and focus

  • Trains emotional reactivity
  • Improves focus & attention
  • Reduces symptoms of depression, anxiety
  • Stress management
  • Improves sleep, insomnia
  • Neuroplasticity
Stress response
KLAR stimulus reaction diagram

Mindfulness is the practice of being fully present and aware in the moment, without judgment. It is scientifically supported as a practice with numerous benefits. Research shows it can reduce stress, anxiety, and depression while improving focus, emotional regulation, and overall mental health.

Competitor Analysis

We identified potential competitors and grouped them into categories to analyze patterns and trends. Through mapping and analysis, we observed that while mindfulness apps are widely popular internationally, the concept was relatively new in Korea, with only a few local competitors offering similar apps.

KLAR competitorsKLAR competitor mapping

In particular, most local competitor apps leaned heavily into feminine, sentimental, and nature-inspired imagery. Recognizing this trend, we identified a gap in the market and focused on positioning the app as gender-neutral, modern, and scientific to stand out and appeal to a broader audience.

Brand Positioning
Competitor Apps
KLAR App Competitors
KLAR Brand Positioning

Branding and Design Systems

We collaborated with an external design agency to create a brand communication book. The logo, colors, typography, and imagery were defined, and the branding was transferred to create the foundations of KLAR's design system.

Young & Smart

For Young Millenials

KLAR enables you to be more present in the moment.

Mental Beauty

Physical & Mental Health

KLAR empowers you to cultivate kindness and compassion.

Wellness in Life

Achieving Balance

KLAR helps you optimize your potential and actively pursue a balanced life.

Streamlining Wireframes To Test Proof-of-Concept

I began by sketching wireframes to map out the user flow and key functionalities of the app. Initially, I proposed 4-5 menu tabs in the navigation bar, including Home, Meditation, Sleep, Social, and Profile. However, after discussing with cross-functional stakeholders and considering the focus on testing a Proof of Concept (POC), we streamlined the design to launch with three core tabs: Meditation, Sleep, and Profile.

KLAR wireframes

Key Concept

Meditation in Korea is often seen as outdated and tied to Buddhism, making it less appealing to younger generations. The project aimed to rebrand mindfulness as modern and engaging, emphasizing its scientific backing and numerous benefits to introduce this relatively new concept to the Korean audience.

Design principles
01
Modern

A major focus of the project was to brand the app to be modern and trendy for younger generations to use. We used vivid colors, patterns, illustrations, and imagery to appeal to young millennials.

02
Reliable

We wanted to emphasize the efficacy of the app and that there was many scientific research behind mindfulness. We added a section introducing articles related to mindfulness.

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