05. Sleepy

05. Sleepy

Sleepy App is a mobile application that helps users to discover if they have Sleep Apnea. This project was conceived because there are millions of people that have this issue and don't know. Apnea Sleep affects several aspects of life as physical disposition, breath, and snore.

Launch date
Never launched

Project type
App Design

My role
UI Design, Research, Strategy

1. Defining the problem

1. Defining the problem

Sleep Apnea affects a lot of people around the world in their lifetime. Elderly people have more difficulties to adapt themselves to technology and that was one of the challenges: create an application that is easy to young and old people to use. To understand better the target, the first step was to find which products are used, talk to people with sleep apnea and understand their lives.

Using the User-Centered Design, this process used 3 methodologies: 

- Personas
- Benchmarking
- Qualitative Research 

As a product for people, it needed to be scalable. For the research part, a benchmark list was created to show to the team what types of products existed and which problem they wanted to solve. At that moment, we select the attention points and priorities.

personas

2. Logo design

2. Logo design

At the first time, we started to create communication, brand and visual identity. It is a product that talks with the user, it communicates information about their health, so the voice tone was carefully created to be clear. As all design process with research, brainstorm, sketches and a lot of papers, some really good ideas appears at this instant.

An oscillator line and the geometric shape of the hexagon was used to compose the logo. The curves and rounded borders make the reference to organic and human shape.

logo_idea
type

3. Style guide

3. Style guide

For the interface, a style guide was designed to preserve the communication. This application could seen complex for the target, but with some tests with future users, the results were satisfied.

guide_line

4. Wireframes

4. Wireframes

The design process of the app interface started with some sketches. The client has contributed with some wireframes and handmade documentation in this initial validation process.

The design process of the app interface started with some sketches. The client has contributed with some wireframes and handmade documentation in this initial validation process.

sketch01
sketch02
histórico de exame – gráfico
corrigir problemas – oxisensor
sincronizar – sucesso
leitura – lendo
iniciar novo exame – selecionado
minha conta – editar
meus sensores
menu
cadastro – preenchimento 2
laudo – enviado
sincronizar – popup
sincronizar – buscar

5. App design

5. App design

The color blue was chosen as the principal color in the app. It was accepted because the user, in most of the scenarios, will use the app at night or before go to sleep. This helps to reduce the luminosity received by the user on the mobile screen.

7
10
8
11
6.5
13
14
12.2
6
9
9.1
5

6. Learnings

Working with an app to people with sleep apnea disorder was very interesting. To participate in this project was necessary to bring a doctor to help understand this kind of problem that affects a lot of people around the world. This project was more than just an app. It's was about the challenge to try to minimize a physical disorder and help people live better.