SLEEPWISE BY PANASONIC

 Adobe CC, Sketch, Invision

User Experience Design

 Brand Identity

Motion Graphics

Panasonic Game Changer Catapult Award

 SXSW Interactive 2017 Showcase

PARTNER & ROLES

Mikei Huang, Art Direction, Product Designer
Kristen Duff, Lead Strategist, Researcher
Carson Lai, Industrial Designer
Iris Qu, Lead Developer
Anyways, Here’s The Thing, Interactive Table

SLEEPWISE is a compact wearable device that helps users create a personally designed environment, at home or on the road, to get a better night’s sleep. Its sensing device and app controls the user’s smart home and IoT devices to create the conditions for his or her preferred environment.

PROJECT OBJECTIVE

SLEEPWISE was initiated as a collaboration between Panasonic and Parsons School of Design to research, prototype, and innovate a new wearable technology that addresses health and wellness needs. As the creative lead and product designer of the team, I was tasked with identifying pain points in sub-health conditions, and designing a new wearable tech product that aims to solve those needs.

RESEARCH

Working together with business leaders, engineers and designers from Panasonic and Parsons, the project follows a standard define-prototype-test-iterate process. First, we defined our context within the sub-health conditions. After a few mind mapping, sampling, informal interviews, and literature reviews, we recognized that the most common concern for sub-health conditions are sleep deprivation and sleeping disorder. Poor sleep affects a person’s mood, concentration, stress level, immune system, and causes diabetes and high blood pressure.

POOR SLEEP MAY LEAD TO…
LITERATURE REVIEW

“Extended sleep deprivation can physically and mentally harm human bodies. Losing sleep can cause hallucinations, psychosis, and long-term memory impairment. Some studies have linked sleep deprivation to chronic conditions like hypertension, diabetes, and bipolar disorder.” (Maxon, 2013)

“..the body experiences hormonal changes: cortisol and TSH levels increase, leading to a rise in blood pressure. A day or two later, it stops metabolizing glucose properly, creating carbohydrate cravings. The person’s body temperature will also drop, and immune system slowing down.” (Balleck, 2015)

EXISTING PRODUCT vs NEW PROPOSED PRODUCT

Through close examination of the current sleep tracking products on the market, our research identified that all the existing technology tracks the user’s sleep pattern, and generates a summary report for each night. The sleep report includes information such as the user’s total sleep hour, sleep quality, sleep cycle, movement, and breathing pattern. These sleep reports may be useful for the user to review their sleep when they wake up, but are essentially useless when the user is asleep. Instead of passively collecting data throughout the night, our team wanted to create a product that actively helps the user sleep better during the night.

Below the graph shows how the proposed product would benefit the user from a better night sleep. On the left, the room temperature AC is set at 75 fahrenheit throughout the night, causing the user to wake up from time to time. On the right, the room temperature is adjusted dynamically by the smartphone app according to the user’s sleep cycle, helping the user sleep better at night.

PRODUCT COMPONENT

SLEEPWISE comes with a wearable module, a bedside sensor, and a smartphone app. Together, they work with the user’s smart home IoT devices to create the ideal sleep environment for the user.

SMARTPHONE APP

The smartphone app is the central hub for SLEEPWISE. When connected to the wearable module and IoT devices, the app’s algorithm monitors and modify the user’s sleeping environment to promote a healthy sleep cycle unique to each user.

To ensure that the app is designed for bedtime use, I created wireframes and prototypes based on HCI practices, and followed standard usability guidelines. App tabs were categorized based on usage frequencies. Settings was eliminated from the main tabs and instead placed under the profile tab. Dark backgrounds and clean lines were used to minimize screen brightness when using the app at night. Circular dials were adopted for setting wake up time to reinforce the natural gesture of dialing.

APP SCREENS

IDENTITY

ICON

Moon, clouds, and earth moving in unison. The background gradient evokes sunrise and sunset.

COLORS

Dark blue tones with subtle gradients for calmness and mindfulness.

USER SCENARIO

Introduction

Skyler is an interior designer travels frequently for off-site projects. Constantly on the move, she often finds herself frustrated by the lack of structure in her life. She needs to be well rested for her professional obligations and to maximize her time. Hotels rooms often irritate her as they lack the comforts of home. She is always changing the room to get comfortable.

SLEEPWISE is the solution she’s been looking for.

It’s all about you

SLEEPWISE learns Skyler’s preferences and her sleep needs using an algorithm in its smartphone app. At night, SLEEPWISE triggers a pre-sleep sequence that is in line with Skyler’s biorhythms: the light intensity and color are softened, the humidity and temperature are adjusted. These factors combined promote relaxation and sleepiness. Before bed she detaches the wearable sensor from the SLEEPWISE unit on her nightstand and clips it to her pajamas. The lights dim slowly to off when the motion sensor recognizes she is in bed.

A healthy sleep cycle

During the night SLEEPWISE sensors monitor Skyler’s movement, breathing and temperature to determine how well she is sleeping. If the SLEEPWISE app determines something is disturbing her, it tells her connected home devices to change the settings to make her more comfortable and reduce sleep disruption.

Always by your side

When Skyler books her trip, she enters SLEEPWISE profile in the booking. The hotel uses this to customize the room based on the preferences indicated in her profile. When Skyler enters her room, it is already set to her ideal temperature and humidity, furnished with her favorite style of pillows and blankets. The SLEEPWISE app connects with the room’s IoT devices once Skyler’s smartphone joins the hotel Wi-Fi network. Based on time zone differences SLEEPWISE calculates a new sleep rhythm to reduce Skyler’s sleep disruption.

Wherever you go, sleep like home

Skyler places her SLEEPWISE module on her new nightstand and continues her evening as she would at home. The app automatically operates the hotel devices using the sensors to monitor and recalibrate the room. In the morning, SLEEPWISE wakes Skyler up by raising the room temperature, slowing illuminating the lights and finally with gentle sound. Skyler wakes rested and relaxed, ready to start her day.

MOTION GRAPHICS

Building on top of the line drawing aesthetics, I created an animation trailer that introduces SLEEPWISE. The animation walks viewer through the importance of a balanced sleep, and highlights product features of SLEEPWISE.

The animation trailer is featured at the main exhibition hall inside the Panasonic House during SXSW Interactive 2017.

STORYBOARDS

BROCHURE

The SLEEPWISE brochure uses the same color palette as the app prototype and animation, maintaining visual consistency across multiple platforms. The SLEEPWISE brochure is displayed at the main exhibition hall inside the Panasonic House during SXSW Interactive 2017, and is the main takeaways for visitors.

SXSW INTERACTIVE 2017

During March 11-14, the Panasonic House was open to SXSW attendants, attracting more than 8,000 visitors and generating buzz from Yahoo!,Wareable, Women’s Wear Daily, Tencent Digital, and more. Team SLEEPWISE was interviewed by Andru Edwards to talk about the Panasonic X Parsons collaboration.