Adobe CC, Sketch, HTML5, CSS3

User Experience Design

 Brand Identity

Motion Graphics

Panasonic Game Changer Catapult Award

 SXSW Interactive 2017 Showcase


Art Direction, Digital Product Designer, Animator


Iris Qu, Lead Developer
Kristen Duff, Lead Strategist, Researcher
Carson Lai, Industrial Designer
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.


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.


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.


Working together with business leaders, engineers and designers from Panasonic and Parsons, the project follows a standard define-prototype-test-iterate process. To define our scope, we created agent maps, mind maps, polarity maps, and conducted informal interviews with people who have experienced sleep deprivation or sleeping disorder.


“I don’t have a healthy sleeping pattern. I sleep 6-7 hours per night but it’s inconsistent.”

– Mark, 28, Creative Developer


“I can’t fall asleep until 4 am for almost 2 years. I tried watching tv, reading, meditating, listening to music. None of them works.”

– Tian, 32, Strategist


“I sleep regularly every night, but I still feel very tired every morning when I wake up.”

– Lorina, 26, Student


“I used to sleep terribly. After I started working out, it helped a lot.”

– Melissa, 41, Accountant


Research from literature review shows that poor sleep affects a person’s mood, concentration, stress level, immune system, and causes diabetes and high blood pressure.


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.


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.


Various iterations were made throughout the design process. These iterations were presented to the team at Panasonic, our peers, faculty critics and user tested with potential users. Following the feedback and critique received, the final designs were executed to be further tested.


The home screen allows user to set wake up time, and check the current sleep environment, including temperature, humidity, and light intensity.

Trend shows the user their sleep score and performance for the past night, past week, and past month. The data also displays average temperature, humidity, and light intensity in the environment.

The device screen makes it easy for user to connect to sensors, smart IoT products from both Panasonic and third parties using WiFi or Bluetooth.

The setting screen lets user adjust location, time zone, and turn on or off any sleep aid therapies.





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


Dark blue tones with subtle gradients for calmness and mindfulness.



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.


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.



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.


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.