AOC Production Website Redesign and Development by John MalkaAOC Production Website Redesign and Development by John Malka
Built with Webflow

AOC Production Website Redesign and Development

John Malka

John Malka

AOC Production | Design & Custom Development (Sound Production)

Crafting a bold digital stage for an award-winning sound production company


🎯 Project Overview

Attention O Chien (AOC Production) is an award-winning independent sound production company based in Paris. They craft sonic identities and audio experiences for global brands including Salomon, Lego, Peugeot, Cisco, and Ubisoft, blending creativity, technical excellence, and artistic vision.
They needed a digital presence as distinctive as their sound work. I led the complete design and custom development of their new website on Webflow, creating an immersive portfolio experience that showcases their projects with the impact they deserve.

🛠️ My Role

Web Design: Designed a bold, immersive website that puts their work center stage, balancing creative expression with intuitive navigation.
Custom Webflow Development: Built a fully custom, high-performance website with advanced video interactions, smooth animations, and a dynamic portfolio showcase.


✨ Key Results

A bold digital presence matching their creative reputation.
Immersive video showcase highlighting work for global brands.
Seamless performance despite rich media content.
Custom interactions reflecting the studio's creative DNA.
Portfolio experience that impresses clients and attracts new projects.

WEB DESIGN

A visual experience as powerful as their sound.

I designed AOC Production's website to be a stage for their work. The design is bold, cinematic, and unapologetically creative, letting their projects speak through immersive video previews and striking visuals. Dark tones create focus, while thoughtful typography and spacing guide visitors through their impressive portfolio.
Design highlights:
Dark, cinematic aesthetic reflecting sound studio atmosphere
Full-screen video hero showcasing flagship projects
Grid-based portfolio with hover video previews
Minimal UI letting the work take center stage
Smooth transitions between sections
Responsive design for seamless mobile experience


CUSTOM WEBFLOW DEVELOPMENT

Performance meets creativity.

A portfolio heavy with video content demands technical precision. I developed AOC's website on Webflow with custom code integrations to handle video playback, optimize loading, and deliver smooth interactions. The result is a site that feels premium and performs flawlessly, even with rich media throughout.
Technical highlights:
Fully custom Webflow development
Optimized video loading and playback
Custom hover interactions with video previews
Smooth scroll-based animations
CMS-powered portfolio for easy project updates
Performance optimization for fast load times
SEO-friendly structure


💬 Project Takeaway

AOC Production demonstrates how bold design and technical precision can create a portfolio that truly represents a creative studio's caliber. The website now serves as a powerful tool for showcasing their work to global brands, delivering an experience as memorable as their sound.


Tools Used

Figma: Design & Prototyping
Webflow: Custom Development
Like this project

Posted Feb 24, 2026

Designed and developed immersive website for AOC Production on Webflow