Co-Sleep: Design - Part 2
- Irene (Shiyin Zheng)

- Mar 9, 2019
- 2 min read
In this post, I would talk about how we continued for the first part and also what we did for the second part.
Continuing the first part
Having decided on the mirror idea, we moved on with the task flow, wireframes and the interface and the prototype.
So basically, there are two main functions for the mirror. One is showing the sleep data and the other one is a messaging system, a digital notepad for leaving a note. For example, when one woke up early and found his couple did not sleep well, he could leave some sweet note for his partner. Also considering that bathroom is mostly a wet place, we use gesture and distant touch as the main interaction.
Task flow, wireframes and demo video


Jing and I further developed the mirror interface and I used Sketch and Principle to make a demo for the mirror. In order to present our idea in a more clear way, we made a demo video with model Yiheng, who is one of our classmates.
Physical Prototype
We also made a physical version of the mirror. We asked the technician about the material we could use and we went to a store outside of the uni. We heard that mirror acrylic was perfect for our prototype, however, when we got that, we found it too thick for light to come through. We had to use a silver film instead and stuck it onto an acrylic.
I also made a frame for the mirror. I went to 3D workshop and used laser cut to make a wooden frame, also for the place of iPad behind the mirror.



The second part: a development of the original app
For the second part, we’ve developed onto the existing interface by adding a shared entrance for co-sleeping users to enter. A segment that is built just for analysis and synthesis of co-sleep data, and it is independent from the individual data page.
We chose the data based on our previous summary, and added day/month/year tab for an overview of sleep status. I designed the overview page and most of the cards.


App demo
We have also had some fun at adding other features, allowing users to see the live stats of their co-sleeping partners. Obviously, individual users will have to consent to their data being accessible to their partners, and they can do so by limiting what they want to show in a privacy panel.


With this, we hope we have successfully conveyed sleep UX from a different perspective. We’ve taken a step back to redefine Dreem’s users, which lead us into a distinct yet familiar territory.



Comments