.png)
Nanit
2018-2020
Nanit is a smart baby monitor designed to help babies and parents sleep like a baby. It's the first baby monitor to use computer vision, machine learning and a bird's eye view for real-time sleep and breathing tracking, sleep insights and sleep coaching tips for parents.
Named one of “Best Inventions of 2018” by TIME Magazine,
membook
'Membook' is an auto-generated baby album.
Using Nanit's computer vision and machine learning abilities, the camera captures babies' sleep and developmental milestones and curates them into a timeline in the app.
See the design process >
monitoring babies' breathing
Overview
The baby's breathing is a major concern for new parents. The Breathing Wear was developed so the Nanit camera can detect micro-movements of the pattern on the Breathing Wear and monitor the baby's breathing. in case of a change in the breathing that requires attention, the camera and app will alert the parents. The Breathing Wear includes no electronics and is detected by the camera with computer vision.
Active monitoring session
This is a prototype of how an active session looks like. The green waves represent normal active breathing.
See more design variations >
Teaching parents to start monitoring breathing
This is an animation made as part of the feature onboarding to demonstrates to parents how to start monitoring.
Teaching parents how to stop alerts
In most cases, when the alert sounds, the parent rushes to the baby. It's possible to stop the alert from the mobile device, but the alert is most likely to happen in the middle of the night when most people don't carry their phones with them.
To stop the alert quickly, parents can put their hand in front of the camera to mark 'stop', and the alert will stop.
This option is introduced to parents in the onboarding, and again as a tip reminder, as seen here, after a red alert. The tip has the most context at this moment since they experienced a red alert just now.
Teaching parent how to use the Breathing Wear
Breathing Wear does not contain any electronics and is detected by the camera with computer vision. There are different types of BW and it's important that parents use it correctly so they get good breathing monitoring readings. I designed illustrated and animated tips to show parents how to use BW.
The tips in the Onboarding
The illustrated and animated are used in the onboarding.
Lottie animations
I create all the animations with Lottie, an open-sourced animation tool developed by Air bnb. Lottie allows exporting animations as JSON files, which can be implemented in apps as light and high quality (vector) animation. Lottie animations can be used to explain and lighten the current sate the user is facing: an end of a flow, an empty state or a fail sate.
Using animations to 'lighten' fail experience
Using animations to 'lighten' dull empty states
night mode
Certain pages in the app are often visited by parents in the middle of their already sleep-deprived nights. For example the live feed of the crib, which is the main page of the app.
Parents look at it to monitor the baby's sleep.
The Night Mode darkens the screed so parents can keep the video feed on during the night
without disturbing their sleep. Tapping would turn the screen back on for a few seconds.
Animated demo of the night mode:
