Overview
Native iOS & Android app that controls temperature regulation hardware while you sleep. The app connects to both a cloud service and propitiatory hardware via WiFi. In addition to temperature regulation, the app also handled sleep tracking, and delivered daily insights and coaching using "Hiber-AI" to help customers achieve better rest.
This app was honored with a CES Innovation Award in 2021.
My Role
As Design Director I founded and managed the design team that oversaw all aspects of the app design. I worked alongside my Sr Designers to create a new design system, user flows. I also managed timelines and feature prioritization.
What is the sleepme app?
We spend 1/3 of our lives asleep. Quality sleep enhances our overall health & wellness giving us focus to take on every day.
Sleepme's customer base ranges from people who are battling cancer to biohackers and professional athletes. We work hard to support a wide range of use cases such as polyphasic sleeping, shift working, and traveling. With sleepme anyone can enhance their sleep performance by managing bed temperature, monitoring sleep, and developing a sleep recipe.
Render of the sleepme hardware.
Initial Requirements
While our CEO had a laundry list of features on her wish list, working with the product team, I helped determine the feature prioritization.
Those tasks & features were: company branding (we didn't even have a logo at start), followed by device on-boarding, temperature control, and sleep scheduling.
Device Onboarding
Since the long-term vision for the sleepme ecosystem was to have multiple pieces of hardware, all working together to achieve a perfect nights rest, we wanted to be able to let our customers create user accounts, so in the future, each family member could operate our hardware to their preference. Which meant onboarding was the first problem we needed to tackle. In addition to user accounts, we needed provisioning, family control, etc. So we went to work on user journeys and UX flows to accomplish exactly that.
Sleep Scheduling
One of the core features required by the app was for users to be able to create their sleep programs to make adjustments to temperature throughout the night (similar to a thermostat schedule for your house). This is the flow we created to set that up.
Dashboard 1.0
When the app was first launched its sole purpose was to function as a temperature controller for our sleep hardware (similar to a thermostat app). Since that was the only function initially, the decision was made to create a large thermostat dial that consumed most of the dashboard simply so the app wouldn't look empty while we worked behind the scenes to build out other features
After onboarding and sleep schedules were setup, the user would then be taken back to the dashboard, where they could monitor the status of their device and manually override the temperature if needed. Just to fill out the dashboard, at this point we also decided to add a bit of multimedia content that we pulled from our website that our users could access as needed to help them relax.
Dashboard 2.0
Over time we added sleep tracking data, soundscapes, multimedia content, and various other features, each of which required representation on the dashboard. Also, our business requirements changed during that time. The decision was made to focus less on temperature control, and more on sleep tracking along with our subscription plan, which we called "Hiber-AI". So I was tasked to redesign the dashboard, as well as some secondary pages to make them better suited for our new features.
Final Design
The solution we came up with was to condense the sleep data card and position it at the top of the page. After that, we needed to condense the size of the thermostat control component. Lastly, being a sleep app, primarily used at night, we decided we wanted the UI to be dark mode first, light mode second. So I tweaked our design system with that in mind. This was the final dashboard design I created which encompassed all the new changes.