Case study 4 : Sleepy our Sleep App — Create a Wellness App

Lucie Dewaleyne
9 min readAug 10, 2021

This is our 4th project during this bootcamp, time is going so fast ! For this project I team up with Lucie Rochas. This project is going to last for 2 weeks.

1/ BRIEF :

Our client is The National Wellness Institute is an organization founded in 1977 with the mission of *”providing health promotion and wellness professionals unparalleled resources and services that fuel professional and personal growth. The Wellness Institute is very excited to explore how they can leverage technology to help people live a healthier life. The institute defines wellness as an active process through which people become aware of, and make choices toward, a more successful existence.

In Wellness they’re a lot of topic and we choose to design an App for IOS focusing on the sleep of our users.

1/ The Market : In order to discover what was already available on the market we analyze different app that were available either on Android or on IOS. We compare 7 app :

We decided to do a feature analysis comparaison to discover what features were available and how they were working.

We discover that a lot of the app were providing one or two feature, either meditation and relaxing sound like Petit Bambou or Sleep, or Stories, music and meditation like Calm. One of our main discover is that they were no tracker in the app !

Moreover all of the app were not free and were asking for a subscription to have access to all the feature.

We did a market positioning map to have a global vu of what was on the market and where we were going to place our new app regarding the market.

Our ideal brand position is a app that totally free and that provide Sleep features and Relaxing features in one interface.

2/ Design Thinking :

1/ Quantitative research :

We conduct a survey online to get some quantitative data to be able to have more information about our target user. We got 53 answers, 77% were women, 70% were aged between eighteen and forty years old.

The principal information that we get is that 70% of the person that answered aren’t using the app to help them fall asleep, 53% need 8 hours of sleep per night. Moreover, when they have insomnia 15% of the people are reading, 21% are breathing to relax and 17% are listening to something.

2/ Quanlitative research :

In order to know what are the wishes of the user for a sleeping app we conducted 8 interviews that were focusing on: Do you have some difficulties falling asleep? What are you doing to fight insomnia? And what are your technic to fall asleep?

  • Affinity diagram :

To find the pattern and the similarity between the different interviews we put our result in an affinity diagram that helps us discover that our users were having trouble falling asleep, they have daily stress and it doesn’t depend on the age they have.

The 8 interviews were done with half people aged more than fifty years old and the other half with people aged between twenty and twenty-five years old.

  • Job to be done:

Then we find our job to be done: Job to be done is a framework used to find opportunities to create a new product it focuses on the outcome. our main job is to help our users sleep well so they can be happy and energetic, in a good shape and therefore they are not stresses and cool with their family and co-workers.

3/ User Persona:

To be able to align a strategy and goals to a specific user group I create a user persona :

Brigitte is an accountant, mother of 3 children. Her days are very busy, so she has to be in shape to manage her life, her children’s life, and her work.

GOALS

  • Reduce her stress
  • Fall asleep quickly
  • Avoid insomnia
  • Improve sleep quality
  • Improve her health

FRUSTRATIONS

  • She often wakes up in the night because of her daily stress.
  • As she gets older she has more and more insomnia.
  • User journey Map :

To visualize the process that our persona goes through we did a user journey’s map in which we are following Brigitte on a usual evening.

4/ Problem statement :

It is time to define clearly the problem using the problem statement :

People with sleep disorders need to find a way to fall asleep easily because tiredness affects their quality of life.

  • Hypothesis Statement :

This is our hypothesis statement:

We believe by providing relaxing techniques and tools we will improve sleep quality and the health of our users. We will know we are right by the regularity of use of the app.

  • How might we :

Then we define 3 how might we know what the features do we need :

  • How might we help the user reduce their stress before sleeping?
  • How might we help the user fall asleep easily?
  • How can we prevent insomnia from our users?

3/INTERACTION DESIGN :

1/ Minimal Viable Product :

We define our Minimal viable product to know what are the minimum feature that is the essence of our app :

The goal of our Sleeping app is to help users to have a better quality of sleep.

  • We will propose :
  • Methods that help users fall asleep deeply and quickly
  • A sleep tracker and the ability to share data with your coach.
  • Plan relaxation time to create routines

2/ Moscow methods :

Using the Moscow Methods we classify which features were mandatory, a plus, or not necessary. The Moscow Methods is a chart with 4 categories: Must Have, Should Have, Could Have, and won’t have in order to prioritize and focus on the main features. The Must have features were breathing, information about the sleep, a tracker and relaxing sound.

3/ Site Map :

We create a site map to know the architecture of our app and how many page do we are going to have.

4/ User Flow:

Than we define our user flow :

4/ IDEATE :

1/ Low-fidelity :

We first did some sketching to have some Low fidelity sketches.

2/ Mid-fidelity:

Than we did our mid-fidelity prototype on Figma :

3/ Usability Testing :

After having test our mid-fidelity prototype we change the smiley to stars to rate the quality of sleep of the user because the usability testing had told us that the smiley was not quite clear and adapted to our app.

Then we add a My coach section so the user can share with his coach the result, make an appointment, and plan a relaxation.

5/ DESIGN PRINCIPLES AND HEURISTICS:

1/ Visual competitve analysis :

We compare the visual of 3 different application ( RelaxMelodies, Son de sommeil and Sleep) to have in mind what was already on the market.

2/ Moodboard and Brand Attributes :

We made a mood board to define the ambiance of our app that will match our brand attributes : Calm, Sleep, Relaxing, Peaceful, Inspiring, Helping.

3/ A/B Testing :

We were having to different ways for the hi-fidelity prototype and therefore we decide to have to use the AB Testing methods: we propose our brand attribute and our two option to 7 users and they told us what proposition match better with our brand attribute.

4/ Style Guide : We ended with this style guide for our Sleepy App

5/ Desirability Testing :

After having our high fidelity prototype we did a desirability testing: our app was easy to use and clear BUT they were some things that we need to change : we had to change the position of our rating pop-up and add a crossbar button to close the pop-up. And the tester didn’t realize that they could have information about the author and the story they’re were listening therefore we add a blue rectangle to be similar to a button to signal that they are clickable.

And this is our final hi-fidelity prototype :

https://www.figma.com/proto/P2HBax83Mcqc8OOj7rFKO5/P4%3A-Wellness-App---LUCIE's?node-id=2%3A4134&scaling=scale-down&page-id=2%3A4134&starting-point-node-id=932%3A5645

This is the first time you download sleepy: you have a splash page to get started, then you have a quick information page about how having a good sleep is important than you can define your main problem and ours is that they want to reduce the time they take to fall asleep. Then so the app can help you, you can add the number of hours of sleep you need, your wake-up time, and your ideal bedtime.

Then you landed on our home page: you have different categories: bedtime story, sound, breathe and my sleep section, and the recently played sound and story.

You want to play your favorite bedtime story so you can relax before falling asleep, you want to read more about the story you are listening to so you go to the information of the story. Then you want to know a bit more about Thais that is the author.

Then you want to listen to a sound of nature: you can adjust the sound of the different things that are present in the sound. Then you are finally relaxed and you want to have a little breathing session to be full relax: you start and inhale, exhale, inhale, exhale, inhale, … Then you finally want to know a bit more about your progression you go to your sleep page with the tracking, you can share with your friends and have contact with your coach.

  • Key Learnings :

Our client is the King ! You always have to respect the client’s requests. Team work is important but can be challenging ! You have to make agreement. It was the first time that we did an A/B Testing it was very interesting ! And last but not least : we animate on Figma (it’s amazing) !

  • Takeaways :

--

--