MOONLIGHT
SLEEP

A mobile application helps users who desire to improve their sleep quality and cope with stress.

My Role

Sole Designer, UX Research, UI Design, Usability Test, Prototype

Timeline

09/2021 – 12/2021

Why Pick This Idea
OVERVIEW

Moonlight Sleep is an effective tool that combines assisting sleep and relaxing recovery. Users can choose functions of sleep tracking, deep breathing, focused space, and nap time to obtain a night of restful sleep and a healing break.

Problems
IDENTIFY
PROBLEM

Based on research from the Centers for Disease Control and Prevention, an estimated 40 million American people cope with insomnia each year, and it is becoming a serve health problem.

Personal or economic issues cause negative stress for health. These highly increase the risk of depression, high blood pressure, as well as significantly reduce people's quality of life.

Final Design
User Research Goal
RESEARCH

To understand people's sleep quality and how they relax to reduce stress in their daily lives.

Methodology

1 : 1 User Interview

Questions
  • What is your daily sleep routine? (e.g., When do you sleep? How many hours do you sleep?)
  • What do you think of the quality of your sleep?
  • Is there a sleep problem that often bothers you?
  • Please list three ideal sleep states that you wish to add to improve your sleep quality.
  • Would you relax before sleep?
  • Do you use any tools or programs to relax?
Quotes
Interview Takeaways
Personas
Competitive Analysis
Brainstorming
IDEATION
Task Flow

Task 1:

Users want to follow a deep breathing exercise.

Task 2:

Users want to have 20 minutes for a short-time focus.

Task 3:

Users want to track their sleep and view their sleep patterns.

Medium-fidelity Wireframes

Users want to follow a deep breathing exercise.

Users want to have 20 minutes for a short-time focus.

Users want to track their sleep and view their sleep patterns.

User Testing

Task:

Samantha was satisfied with the app’s provision of sitters’ background information and her ability to connect with  sitters before bookings.

Task:

She thought it was very considerate to have direct access to the track walk page through a notification. Also, it was helpful that the infographic showed a detailed summary of the dog’s activities.

Task:

Samantha felt this feature effortlessly corresponds with the  first task, while still displaying all the details of the booking. She thought that the cancellation service was quite user-friendly.

Task:

Boxin believed the pet boarding feature was intuitive and easy to follow throughout his user testing. In the sitters' list, he suggested adding a filter to increase the precision of the search, such as price, sitters' home conditions, etc.

Task:

He preferred to have the option to track the dog walk from both the main page and the chat bar. He also suggested that it might be more helpful to display an indication to better guide users into action.

Task:

As he completed the app testing, Boxin stated that the cancellation process was easy to follow. However, he proposed the use of a larger checkbox for easier tapping. He also suggested putting the "write a message" box on the same page with the drop-down menu would make more sense for the step.

Task:

Zhengen said that the booking process is comprehensive and user-friendly, especially for new users. The order of the pet profile is logical and makes sense. This helps motivate them to complete the pet profile.

Task:

He appreciated the tips from the tracking feature, as well as the walking summary. He suggested that the ability to rate sitters will adds comprehensiveness to the app.

Task:

He also stated that having a refund summary page before their final cancellation of the service is quite a responsible act on the app.

What's Changed
Style Guide
Primary Color
Secondary Color
Neutral Color
Typeface
Iconography
Project Takeaways

This project was my first mobile app design that systematically helped me learn and practice UX research, including identifying problems, setting up learning goals, conducting user interviews, creating personas, and making a competitive analysis of the market.

According to my research, I brainstormed and summarized features for each task flow, and moved into the design stage with sketches.

Also, I was able to conduct user testing to understand users' doubts and real needs from different perspectives. Based on feedback, I revised some detailed parts so that the users have a more clear usage of the app.

Next Case Study
Motion Graphics

Motion Graphics

These motion graphics depict lovely flat illustrations and themes to remind us of the particulars of life.

Start Small to Stay Healthy
Start Small to Stay Healthy