Designing OVA: Translating Sound into Motion Designing the visual identity and web experience for...Designing OVA: Translating Sound into Motion Designing the visual identity and web experience for...
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
Designing the visual identity and web experience for OVA was all about taking something completely invisible: sound, AI, and futuristic energy, to give it a bold, tangible visual form.
The Idea & Inspiration
It all started with one simple question: What does sound look like when it moves? I wanted to capture that magic spot where human emotion meets generative AI. Drawing inspiration from real-time audio visualizers and fluid dynamics, every gradient, wave, and curve in this system was built to mimic audio ripples moving through space.
The Challenges and solutions:
Making Static Graphics Feel Alive: Audio is pure motion, but static screens can easily feel flat. The trick was creating visual rhythm through fluid shapes and high-contrast gradients so the identity felt energetic without needing heavy video files that bog down site performance.
Futuristic, But Still User-Friendly: AI branding can quickly slide into generic sci-fi tropes. To keep it grounded, I paired an electric blue and neon purple palette with clean, spacious UI, readable typography, and straightforward navigation.
Putting the Tech Together: Embedding custom 1440px canvas layouts, interactive Spline 3D scenes, and responsive Framer builds into a seamless portfolio view took a lot of trial, error, and breakpoint tweaking but getting that full-width desktop feel was totally worth it.
At its core, OVA is a minimal, modern showcase of what happens when design, music, and artificial intelligence hit the exact same frequency.
Love how you translated something as intangible as sound into the whole visual language. The gradients and fluid forms really make it feel like it’s moving even when it’s static. Really loved how this turned out!
New website for Beer Zombies Brewing Co. 🍺🧟♂️
Designed to be bold, vibrant, and disruptive. This was a fun build because the BZ brand already has such a strong visual identity and personality. Oversized typography, aggressive motion, interactive effects, and a healthy dose of zombie aesthetics. 🤘
www.beerzombies.com
The oversized type and aggressive motion fit the beer-brand attitude perfectly, especially how the green palette carries from the hero into the product details.
Bold, without a doubt. The “Safe” direction feels polished, but the “Bold” approach has more personality, stronger visual tension, and a much better chance of stopping the scroll. It feels more distinctive and memorable while still communicating the skincare message clearly.