See the Light

As the design lead on the Hatch web team, I helped design a new homepage for Restore 3, Hatch’s latest smart sleep device. A key challenge was that users had no way to experience the device’s light and sound features before purchasing, making it difficult to communicate its full value. To solve this, I designed an interactive component that allowed visitors to preview Restore 3’s light and sound settings directly on the website—helping them understand the experience before committing to a purchase.

Interaction

Visual

Web

The new product overview page needed to educate and engage potential customers while staying true to Hatch’s brand. I designed an interactive preview tool that allowed users to experience Restore 3’s light and sound features firsthand, helping them understand how the device works before purchasing.

By working closely with the development team, I implemented a new file type, Rive, which gave me detailed control over animation interactions while also reducing development time. This approach made the experience more dynamic and responsive, ensuring smooth transitions and intuitive controls that reinforced Restore 3’s role in a seamless bedtime routine.

Hatch

2024

UI, UX, Development