Overview:
A marketing website for the world’s first dog wearable that translates barks into human language. The site is designed to promote and sell the device, highlighting both the hardware and the companion mobile app.
I handled the entire process, from user research and wireframing in Figma to building the live site in Framer with smooth animations and a refined finish.
Browse Figma file
Establishing the Visual Language
To create a cohesive and memorable experience, I started by defining a clear visual identity. The color palette reflects the brand’s playful yet modern tone, while the typography balances readability with personality. These choices laid the foundation for a UI system that feels both functional and emotionally engaging.
A System Designed to Scale
I built a unified set of components to keep the design consistent and easy to maintain. Every element — from buttons to blog cards — is reusable and designed to work across devices, making it faster to build new pages and easier to grow the site over time.
Smart, Branded Content Pages
The blog landing adapts visually to each category: Dogs, Tech, Industry, and Press, using dynamic color theming. This not only keeps the experience fresh and engaging but also helps readers instantly recognize the type of content they’re browsing.
Navigation, Simplified
I designed a clean, intuitive navigation that adapts across breakpoints. From desktop to mobile, the layout keeps the brand bold and the user journey frictionless, with clear CTAs, smooth transitions, and consistent structure.
