Yo! ✌️ I’m Adrien, a Inventive Developer initially from the South of France and now primarily based in Montreal, Canada. Since 2015, I’ve labored throughout startups, boutique studios, and businesses, at all times with the identical focus: bringing interfaces to life.
I don’t see a wall between design and dev; for me, code is only a inventive medium. I’m a agency believer {that a} profitable interface ought to present that tiny, sudden spark of enjoyment, the form of second that makes a web site unforgettable.
Tasks I’m Proud Of
I’m most pleased with the work that pushed me to discover a particular “feeling” by means of code. These tasks characterize these deep R&D periods the place we didn’t cease till the interplay felt like a dwelling, respiration a part of the model.
Má Sài Gòn Area
An immersive digital extension of the function movie Má Sài Gòn, a documentary-fiction hybrid exploring the LGBTQ+ group in Vietnam. The objective was to create a sensory “area” moderately than a conventional promotional web site—a mosaic of human tales that customers can discover freely.
Studio: KOKI-KIKO & Tux Inventive Home
Collaborators: Louis Paquet, Michaël Garcia
12 months: 2025
Tech stack: Nuxt, GSAP, Three.js
Recognition: Awwwards Web site of the Day, Idéa 2024 – Or & Grand Prix
This challenge was a deep dive into an emotional environment. As an alternative of static backgrounds, we developed a dynamic atmosphere that shifts colours in concord with the messages and tales being displayed. It displays the collective emotional pulse of the group.
We wished to interrupt the linear constraints of the net. Customers can select to float by means of the tales and not using a outlined path, making the navigation really feel like a stroll by means of a neighborhood.
To steadiness “poetic” navigation with usability, we applied a toggle between the free-roaming mode and a linear navigation mode, making certain the immersive “messiness” of the exploration didn’t change into a barrier to accessing data.
Sandy Shore Farms
A contemporary B2B platform for a family-owned farm in Ontario. We wished to ditch the “conventional farm” aesthetic for one thing vibrant and high-energy that emphasised their core values: wholesome practices, forest growth, and progress.
Studio: Tux Inventive Home
Collaborators: Louis Paquet
12 months: 2024
Tech stack: Nuxt, GSAP, OGL
Recognition: Awwwards Web site of the Day, Idéa 2024 – Or & Coup de Coeur
With virtually no preliminary visible property, this challenge turned a deep “shoulder-to-shoulder” collaboration with a designer at Tux. We labored on a library of illustrations particularly designed to be damaged aside and animated, permitting us to construct a literal narrative of progress, from a single germinating seed on the touchdown to a full-scale farm on the end.
To push the “soil” metaphor, we constructed a footer that’s actually buried; as you attain the underside, the angle shifts by means of an earthy transition into the bottom. I spent lots of time on the R&D of the timing—utilizing these “whooshes and snaps” to make sure the plant-like actions felt natural and energetic moderately than mechanical.
Telescope
A promotional touchdown web page for a brand new platform the place tastemakers share actual suggestions. Constructed with the workforce at KOKI-KIKO, the challenge was about greater than only a web site; it was about supporting a imaginative and prescient for an web pushed by inspiration moderately than algorithms.
Studio: KOKI-KIKO
Collaborators: Louis Paquet
12 months: 2025
Tech stack: Nuxt, GSAP, Lottie
Recognition: Awwwards Web site of the Day
The movement language for this web site is a literal extension of the model title. We primarily based all the animation system on “optical” behaviors: utilizing radial results and deep-zoom scrolling sections to tug customers into totally different thematic worlds. It creates a way of focus and discovery that mirrors the act of wanting by means of a lens.
This challenge was one other deep dive into “vocal prototyping.” I spent hours sitting shoulder-to-shoulder with Louis, tweaking animations and refining the texture of each transition. We’d bounce into the code to experiment with the right easings and timings in real-time, making certain that the “whoosh” of a zoom felt immersive moderately than disorienting.
One of many standout technical moments is a customized slider that includes a “focal impact” created with two overlapping masks.
Mixed with Lottie components and punchy animations, the interface rewards curiosity and makes the act of scrolling really feel like an exploration.
Edifis
A sturdy digital platform for a Canadian industrial actual property developer specializing in high-tech aerospace and automotive areas. The problem was to construct belief for a brand new enterprise by creating an expertise that felt as exact, formidable, and structured because the buildings they assemble.
Studio: Tux Inventive Home
Collaborators: Louis Paquet, Michaël Garcia
12 months: 2024
Tech stack: Nuxt, GSAP, Three.js
Recognition: Awwwards Web site of the Day
The design language was closely influenced by architectural ground plans and Swiss-style grids. We took the “top-down” perspective, typical of a web site plan, and turned it right into a practical logic that dictates each interplay, from the hover results on buttons to the fluid transitions between pages.
Industrial actual property can simply really feel static and dry, so we made it a precedence to inject “enjoyable” interactive moments that will break the company mildew. The centerpiece on the homepage is an interactive WebGL 3D constructing the place hitting “Enter” triggers a sequence of the bay doorways opening as a supply truck pulls in. It’s a playful, tactile gateway that turns a normal B2B introduction into an immersive expertise.
By treating the format like a blueprint, we had been capable of set up dense technical specs and 3D renders right into a seamless move. It was about discovering that steadiness, utilizing “plan view” motifs and sudden interactions to make the data really feel high-tech and interesting moderately than only a boring grid of knowledge.
Silent Home
A portfolio-driven expertise for a worldwide award-winning manufacturing agency behind the world’s greatest dwell excursions and broadcasts. The target was to create a cinematic house for his or her work with artists like Taylor Swift and Beyoncé, clearly unifying their three divisions—Studios, Productions, and Touring—underneath “One Home.”
Studio: KOKI-KIKO
Collaborators: Louis Paquet, Florent Roux-Durraffourt
12 months: 2026
Tech stack: SvelteKit, GSAP
Recognition: Awwwards Web site of the Day
The first problem was to construct a web site that felt premium and high-energy with out competing with the legendary property of the artists themselves. We opted for a clear, cinematic aesthetic the place the code acts as a stage, making certain the tasks stay the primary occasion.
To precise the connection between the three service divisions, we developed a delicate gradient system and a clean movement language. These coloured components act as a “sprinkling” of name identification, seen sufficient to tie the three pillars collectively however minimal sufficient to take care of a classy environment.
As an alternative of heavy ornamental components, the “feeling” of the interface comes from the easy navigation. We targeted on the fluidity of discovery, making certain that transferring from a stadium tour to a broadcast studio felt like a single, seamless transition. It was an train in “invisible” inventive growth—the place the sophistication is felt by means of the rhythm of the movement moderately than the complexity of the visuals.
About Me
Background & Profession Highlights
My path began at 16 after I moved to Paris to review Multimedia, ultimately graduating from Gobelins. It’s an intense atmosphere, and what makes it particular isn’t simply the curriculum, it’s the tradition of being surrounded by friends who’re continuously experimenting and pushing one another. It additionally plugged me into an unbelievable community of pros. Even years later, I’m continuously crossing paths with fellow alumni who’re shaping the business. Since transferring to Canada in 2018, I’ve carried that very same collaborative spirit, discovering that I’m only after I’m deeply embedded within the inventive course of moderately than simply executing a quick.
The “Vocal” Prototype & Collaboration
I’m an enormous advocate for being within the workplace. There’s a particular power in constructing bonds in person who instantly interprets to raised tasks. I don’t consider in static hand-offs; I desire sitting shoulder-to-shoulder with a designer, tweaking easings and refining interactions in real-time. Since movement could be laborious to explain, I often depend on hand gestures and a library of mouth sound results—whooshes, clicks, and snaps—to speak the “really feel” of an animation earlier than the primary line of code is even written.
Instruments and Strategies
I don’t consider in being married to a particular tech stack. To me, a software is simply nearly as good as the issue it solves, so I keep versatile. I really like exploring new libraries and testing totally different frameworks to search out the fitting match for every challenge’s particular character. In relation to movement, I’m usually leaping between native CSS for performance-first transitions, GSAP for complicated choreography, and Three.js or OGL when the expertise wants to maneuver into the world of WebGL and shaders. The objective isn’t simply to make use of the software however to push it till the interplay feels “proper.”
The Beaux-Arts Experiment
To get nearer to the uncooked course of of making, I took a considerably unconventional path: I enrolled in night courses on the Beaux-Arts de Paris. It wasn’t about mastering a brand new craft however about immersing myself in a special form of “making.” I noticed how artwork is a tedious, meticulous cycle of trial and error; a actuality that mirrored the iterative nature of code. It bolstered the concept that instruments aren’t inflexible constraints: they’re mediums. Simply as two artists use the identical brush otherwise, the magic of inventive dev isn’t within the documentation, it’s within the private means you select to wield the instruments to discover a resolution.
Inspiration
I attempt to discover inspiration outdoors of different web sites. I’ll see a transition in a film or a particular means a bodily object responds to being moved and suppose, “How would I construct that with a shader?” or “How would I deal with that easing?” It’s about taking these real-world behaviors and determining the technical logic to recreate them digitally.
Due to this, I’m continuously in a state of “mini-R&D.” I wish to construct small chunks of code, prototyping a particular impact, physics ideas or a bizarre format concept; away from the constraints of a shopper temporary. These experiments aren’t nearly studying technical limitations, they’re about constructing a private library of inspirations that I can pull from when a model wants one thing actually distinctive.
Future Targets
I need to proceed blurring the strains between the “how” and the “really feel.” My objective is to remain concerned in tasks the place the developer is a inventive associate from day one, serving to to search out the “soul” of an interface by means of experimentation and prototypes that individuals can truly really feel.
Ultimate Ideas
If I’ve discovered one factor, it’s that you simply shouldn’t be afraid to be “messy” in your course of. We frequently really feel pressured to have the peerlessly clear, optimized resolution instantly however one of the best interactions often come from a bizarre experiment or a micro-interaction nobody truly requested for.
Construct issues for no cause. These small, “ineffective” chunks of R&D code you write after work hours are sometimes the issues that can outline your skilled work a yr from now. Keep interested in how the world strikes outdoors of your browser and attempt to describe an animation utilizing solely sound results. Studying easy methods to see and really feel motion in the actual world is what’s going to finally make your digital work stand out.
I’m at all times comfortable to talk about movement, shaders, or the easiest way to make a “whoosh” sound. You’ll find my work on avdp.xyz or attain out on X, LinkedIn or Instagram.
That’s a wrap! An enormous because of Manoela and the Codrops workforce for giving me the area to share a little bit of my story and my course of. It’s been a pleasure.
Merci!
