Crafting the digital experience for Warwick Acoustics
James Shih-Gillen
Crafting the digital experience for Warwick Acoustics
Warwick Acoustics required a sophisticated digital experience to reflect their high-end positioning and showcase their advanced transducer technology across premium headphones and automotive applications. Working alongside Wreel Agency, I led the UI design to deliver a website that is elegant and professional, appealing directly to discerning audiophiles while underscoring the brand's technical expertise.
Loading animations created in Jitter and Figma
The homepage seamlessly blends product details with lifestyle photos. Elegant sections showcase the full range—from flagship headphones to car audio, using dramatic lighting to emphasise premium craftsmanship.
Homepage UI / UX design
Design system
To efficiently roll out the sophisticated experience across all required templates and viewports, a comprehensive Figma Design System was developed. This approach was critical for maintaining consistency and accelerating development.
A selection of screens from the UI design
Mobile design
Every element was designed with mobile-first principles, ensuring users enjoy a consistent, seamless experience across all devices.
Mobile design
A new era of automotive audio
This automotive audio page uses immersive visuals and elegant typography to showcase Warwick's revolutionary in-car technology, helping users envision the premium listening experience while maintaining a sophisticated design aesthetic.
Automotive UX / UI design
Headphones
The headphone page uses a premium dark theme with 3D renders and dramatic photography to create an immersive experience.
Selection of headphone pages
Like this project
Posted Oct 15, 2025
Developed a scalable Figma design system for Warwick Acoustics, ensuring pixel-perfect UI across 16 mobile and desktop templates to reflect their luxury brand.
