I explored a new product website concept for the Config Makeathon — AURASONIC X1, aI explored a new product website concept for the Config Makeathon — AURASONIC X1, a
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Rehbaz's avatar
Rehbaz Ali
• 2d
I explored a new product website concept for the Config Makeathon — AURASONIC X1, a premium wireless headphone experience.
The goal was to move away from a basic ecommerce layout and create something more cinematic, bold, and product-led.
I wanted the website to feel like a campaign, not just a product page.
The direction:
Style meets sound.
A dark red and black visual world with oversized typography, premium headphone imagery, dramatic lighting, wood-inspired structures, floating feature cards, animated sound waves, and section-by-section product storytelling.
The experience includes:
bold hero section with premium product visuals
sound experience section with animated wave graphics
material and design breakdown
76-hour battery performance section
noise control interaction
colorway selector
lifestyle campaign visuals
technical specs
reviews
final animated buy section
I focused on making every section feel visual and useful — not just text and cards.
The idea was to create a product website that feels expensive, immersive, and memorable, with animations that support the product story instead of just decorating the page.
Built in Figma Make as part of the Config Makeathon.
Still more I’d love to improve:
more product rotation states
stronger color switching interactions
deeper scroll animations
better sound-wave motion
more lifestyle visuals
checkout flow
But the core direction is clear:
A premium headphone launch website with bold visuals, cinematic motion, and product storytelling at the center. link:https://www.figma.com/community/file/1646482011315918788/landing-page-design
#ConfigMakeathon @figma #FigmaMake #ProductDesign #UIDesign #WebDesign #EcommerceDesign #AIDesign
AI Agent DesignerWeb DesignconfigmakeathonFigma
Abu Aasif's avatar
Abu Aasif Ansari
• 2d
Dark red, black, cinematic motion — this feels like a real product launch, not just a concept. Really bold direction!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started