Guiding Little Sleepers

Hatch’s kids’ sleep products introduce healthy bedtime habits through a combination of app-guided routines and a physical device. But with a new UI for the kids' experience, users needed clearer guidance on how the app and device work together. I proposed and designed an interactive tooltip system to navigate users through the new homepage flow. Using motion and device animations, the tooltips created a seamless onboarding experience—helping parents and kids understand the connection between the app and their Hatch device.

Motion

Animation

To make onboarding engaging yet intuitive, I designed motion-enhanced tooltips that guide users through key features without overwhelming them. The tooltips use device animations to illustrate real interactions—helping users understand how the app controls the physical device in a clear, visual way.

By blending playful motion with functional design, the onboarding experience feels informative, interactive, and easy to follow. This approach ensures that new users—whether tech-savvy parents or sleepy toddlers—can quickly get started with their Hatch device.

Hatch

2024

UI, UX, Motion