Mass General Health - Sleep App

Two of my classmates and I designed a mobile application equipped for various medical and personal devices to ease sleep rehabilitation.


January - May 2022

UI/UX, B2B, B2C


Problem: Somnologists, and their patients, have limited access to extensive care.

Our Mission: Design an sleep rehabilitation application atuned to Mass General Health’s services.

Our Timeline

Laying Foundations

Here we have our initial Mind Map overviewing all of the direction and topics we’d like to address with our project. We also examined a view existing applications, an investigation we more thoroughly explored later.

Hypothesis:

We are to develop an application improving a user's sleeping quality and catering to those suffering from sleep disorders, which will serve as a accessible support for the Division of Sleep Medicine at Massachusetts General Hospital. The application integrates sleep tracking for early diagnosis of sleep disorders, such as sleep apnea insomnia and parasomnias. The app will also include a game / awarding system that encourage users to build health sleep habits. This will lead to improved sleep quality and increased engagement for patients, and enhanced reputation for the hospital.

Polar Matrix of Marketspace:

Knowing that we wanted to create a sleep care application we analysed the market already existent, finding where we would place our selves on the map.

Case Studies:

Frames of Reference are necessary as they provide us a cohesive understanding with what roll we may play within our industry

Accessible therapy for people with sleeping disorders

  1. Bridging Doctor to Patient Relationships

  2. Sleep tracking & disease early diagnosis

  3. Healthy sleeping habit forming through gamified habit building

  4. Educating about to sleep disorders

  5. Extension of medical care

  6. Using cognitive psychology to promote healthy sleeping habits

Design drivers:

User Personas

Mapping Intentions

Diving into the applications utility, with review of a user group of our we asked question that will help guide us into establishing specifications that will be necessary for fulfillign our Design Drivers.

Data Hierarchy

After addressing many of our in-depth questions we made a map of our data hierarchy evaluating what features and information we want to prioritize.

Visual Identity

Here we plotted out how our application thematic sentiment based to our users. This applies to our choise of colors, typefaces, animations, even down to whether or not we have round or sharp corners.

“People will forget what you did, but people will never forget how you made them feel.”

-Maya Angelou

Data Hierarchy (Continued)

After establishing a Data Hierarchy we drafted, and further refined our page layouts determining the User Flow

Visual Identity (Continued)

From establishing our intentions to determined made a mood board of visuals that embody the sentiment of our mission - calm, tranquility, simplicity.

Here we found examples of an isometric gamified style to make the application more friendly and visually accessible.

And finally, here are our final renders!

Previous
Previous

HMG: Hydrophobic Structures

Next
Next

Oasis