Nanit's Sound&Light app
The Nanit's Sound&Light app helps parents to monitor their baby's sleep better and protect them, by smart controlling the nanit's devices. The team and I created a unique experience - "Smart Routine".
The Smart Routines feature is intended to add more automated and integrative capabilities,
connecting between the Nanit camera and Nanit S&L, and giving users automated responses for events produced by the camera.
My role: UX design, UI design, animations.
Get to know Nanit’s Devices
The Nanit Camera
Provides parents with a clear view of their child and includes features like breathing monitor, sleep time, and sleep position. With the Nanit app, parents can watch live video and receive insights about their child’s sleep.
The Sound & Light device (S&L)
Provides gentle sounds and lights to aid in sleep. It can be programmed with routines to establish healthy sleep patterns. The S&L device can also be controlled via the Nanit app.
High-level goals
To enhance Nanit’s ecosystem with an AI-powered feature that connects devices, renews daily routines, and supports better parenting habits while staying competitive.
What defines Nanit's parent audience?
Sensitive for their children's health
Parents who prioritize their child’s health, safety, and sleep. They rely on expert advice and technology to monitor their baby’s well-being, finding peace of mind through real-time data and personalized insights. Mostly, they are new parents.
Strong sense of technology
Tech-savvy parents who actively use technology to monitor and improve their baby’s development. They trust and embrace new technologies, always curious about innovative features.
Emotional Assurance
Parents who won’t compromise on quality.
They value advanced technology and reliable, high-performance products for their baby’s well-being, willing to invest in tools that deliver consistent results.
The Smart Routines High-level user flow
Why are Smart Routines is needed?
Through research done by us about usage patterns of the Nanit S&L device, we have outlined the following:
Users value
🦾 Our users expect more automated capabilities - Users already know Nanit's smart camera for its personalized data display and AI capabilities. That's why they expected the S&L to be an innovative experience that was not found in similar products on the market.
🔮 Getting the most from the Nanit experience - by helping users connect the Nanit's camera and S&L, we can help them get additional value from both products.
Company goals
📈 Monetize subscriptions for users - Expand our user base with Nanit S&L users by conditioning additional features on the purchase of a subscription. Up until this point, there were no subscription plans for the device.
🏆 Winning the Market - While many products are similar to Nanit’s S&L device, Nanit’s integration with its camera offers a more personalized sleep experience based on the child’s behavior.
Main Screens: User Experience & Interface Design
Focusing on optimizing the experience for the target audience with simple, clear flows, while staying consistent with Nanit's language.
01
Linking between devices
One-click connection
Device pairing was only available in the camera app. This decision was influenced by the fact that most of our users access the camera app daily.
At Nanit, user sensitivity was a top priority. Every new feature was introduced with careful consideration of the main live screen to avoid disturbing user flow. Parents are hasten to check their baby’s camera, and placing the drawer on the main screen could overwhelm them. Instead, I designed the drawer to appear on any other screen, ensuring a smooth experience.
I chose the bottom sheet design to make the feature as intuitive as possible. This component keeps the user anchored to the screen, provides a clear CTA with a single prominent button, and enables a quick device pairing process.
Simple animations, short explanations, and clear visuals ensure users immediately understand what to do.
Full-screen mode was made available only to users with more than one camera. This feature leveraged an existing screen, ensuring efficient reuse of resources.
The side menu shows the connection between the devices.
02
Introducing Smart Routines
Promoting a new feature
The Routines screen in the Nanit S&L app helps parents create customized schedules for smooth sleep and wake transitions. They can set lullabies, white noise, or light settings to turn on and off at specific times, providing a calming and consistent environment for their baby.
The target audience enjoys new features and looks forward to them, but they typically access the app in a rush, either to complete a task or check the camera. So, it was important to highlight the feature without overwhelming them, while still promoting it effectively.
03
"OK to Wake"
The best example for Smart Routine
The main challenge in designing the screen was to maintain Nanit's graphic language and style, using existing components and user habits to clearly explain how to use the feature.
To make it as easy as possible for our users to quickly understand how to set it up, I used a simple illustration of the device that simulates the real-life behavior using colors and triggers.
The Smart Routines don't include sound, but to maintain the familiar structure for the user, the slider is kept. I used an icon and a disabled design style to indicate this.
Smart protection on the device's physical buttons keeps them inactive, so the child can't turn off the device.
Smart Routines Feature on Nanit's Social Media
Nanit's Official Instagram
Nanit's Official Youtube