Overview • Smiirl
Let’s make it clap.
Research
Strategy
Branding
3D
Motion
UX/UI Design
Data analytics
Collective
Thanks
Simon Briquet-Loggia
CMO, Smiirl
x2
1 month
+145%
Revenue per Visitor
-92%
Rethinking navigation for a seamless shopping experience.
Smiirl’s strength lies in selling a single, iconic product: the counter. But within that simplicity comes complexity—four variations (Facebook, Instagram, TikTok, and Custom), each available in 5-digit or 7-digit formats. On top of that, the Custom Counter unlocks endless possibilities, adapting to countless use cases.
We completely reimagined the site’s navigation to make these options crystal clear while minimizing the steps to checkout. The solution? We merged the homepage and product page into one fluid experience, making choosing, customizing, and purchasing easier than ever.
Enter the smart nav bar—a playful, intuitive solution. It was designed to make switching between counter options easy and enjoyable, ensuring visitors can quickly grasp the product’s versatility with just a few clicks.
Designed to be seen and heard.
One of the key challenges was making sure users instantly understood the size of the Smiirl Counter. To solve this, we used 3D design to place it in realistic settings, alongside familiar objects—pens, post-its, magazines—giving an intuitive sense of scale at a glance.
But size alone wasn’t enough. We also brought depth, mechanics, and sound into focus. By showcasing the counter’s physical presence and its signature flip mechanism, we made sure there was no doubt—this is a real, high-quality object, built to be seen, heard, and celebrated.
To maintain consistency across every aspect of the digital experience, we built a comprehensive design system. This toolkit ensured that every element, from typography to iconography, worked together seamlessly across the entire website and branding. It’s about creating harmony—no matter which page, touchpoint, or interaction the user is on.
Screenshot Figma - Club Med Design System
We make it shine ✨
To bring Smiirl’s bold and playful brand to life across the entire site, we built a cohesive design system that shines with every interaction. From typography to color palettes, every element was crafted to reflect the energy and excitement of Smiirl’s counters.
We created a flexible yet consistent visual language, ensuring the site remains intuitive while standing out with personality. Animations, buttons, and transitions were all carefully designed to feel seamless and engaging, inviting users to explore and interact with ease.
In short, every detail was designed to make Smiirl’s story unforgettable, turning a simple visit into an experience worth sharing.
