top of page

Sleep Better

Product Design

Figma

Created from April – May 2021

Sleep Better is an app to help chronic insomniacs manage their sleep habits and calm their mind. Insomnia is a common sleep disorder in the US, with 30% of Americans experiencing short term insomnia, and 10% of Americans experiencing chronic insomnia. Sleep Better utilizes Cognitive Behavioral Therapy for Insomnia (CBT-i) techniques to help insomniacs reframe their thoughts about sleep and adjust their sleep habits.

As someone who has struggled with chronic insomnia, it was important to me to design a product that would not only allow users to understand their sleep better, but also help them relearn sleep to be a natural and simple process.

Competitor Analysis:
CBT-i Coach

Sleep Better is modeled after CBT-i Coach, an app created by the US Department of Veterans Affairs to help chronic insomniacs learn CBT-i techniques. The app has several different functions, including sleep tracking, sleep coaching, sleep education, and lifestyle reminders.

 

Problems

  1. Overall poor user interface design that is outdated and not on-par with modern apps.

  2. The CBT-i Coach page is redundant with the same links as the menu navigation.

  3. There are too many separate sleep summary graphs on the My Sleep page, which makes it hard to compare and analyze a single night's sleep holistically.

  4. The Tools page includes functions with minimal yet unnecessary interactions, such as starring suggestion items, that are not motivating to use continuously.

  5. The selection of meditations is limited.

  6. The Learn page uses a small text size that is not easy on the eyes to read.

Screen Shot 2021-12-30 at 4.53.52 PM.png
Screen Shot 2021-12-30 at 4.54.08 PM.png
381640855667_.pic.jpg

User Research:
CBT-i Coach Reviews

To gain better insight into how others were using CBT-i Coach, I looked into the app's user reviews. Many reviewers highlighted poor access to functions, such as incomprehensive sleep data visualization and inefficient access to adding sleep entries, a primary function of the app. Another user suggested adding a feature to sync health tracking devices to the app to keep all data in one place.

I took all of these suggestions into careful consideration while designing my own solution.

Screen Shot 2021-12-30 at 5.15.35 PM.png
Screen Shot 2021-12-30 at 5.15.49 PM.png
Screen Shot 2021-12-30 at 5.15.10 PM.png

The Solution

To address insomniacs' poor sleep habits and anxieties about sleep, I decided to create an app that could comprehensively provide CBT-i techniques and offer tools for changing their outlook on sleep. The app would be a one-stop-shop for getting a better night's sleep with a dual focus on sleep management and maintaining mindfulness. 

 

Therefore, I took elements from CBT-i Coach that were the most beneficial for habitual use, such as sleep tracking and sleep education and added more CBT-i functions that the original app lacked, like including alarms to regulate sleep schedules and restrict time in bed. Inspired by meditation apps such as Headspace and Calm, I also expanded the app's mindfulness functions to include a larger meditation library, breathing exercises, journaling, and sleep sounds.

Overall, I wanted to create a product that would be calming and encouraging to use to help insomniacs maintain a positive outlook on their sleep. To achieve this, I utilized calming visuals and reassuring copy to create a soothing user experience.

User Flows

Flows track how users would interact with different app functions at night before sleeping and in the morning after waking up.

Night Use

Night Use

User Flow_ Night.jpg

Morning Use

User Flow_ Morning.jpg

Style Guide

Shades of purple with orange contrast were inspired by the night sky and moon.

Sans serif typography was chosen to create a friendly yet modern tone.

Type.jpg
Style Guide - Buttons.jpg

Hi-fidelity Prototype

Interact with the live prototype here.

Desktop Wireframes

Responsive low-fidelity layouts for desktop usage.

Screen Shot 2021-12-30 at 11.52.08 PM.png

Sleep Tracking

Track your sleep patterns by inputting sleep data into a questionnaire or syncing health tracking devices with the app. Your data will be aggregated into comprehensive graphs that show progress over time and details of individual nights.

sleep data copy.jpg

Meditation

Practice mindfulness with a range of meditation courses that target different goals.

meditation.jpg

Journaling

Calm anxious thoughts with a journaling function that tracks your mood over time, or reframe negative thoughts into positive affirmations to help change your outlook on sleep.

journal.jpg

Learn

Engage with CBT-i techniques by learning all about sleep to practice better habits.

learn.jpg
bottom of page