So happy to share @gabrielbgnn new portfolio! I handled the development with a focus on motions and interactions. Proud of how it came together 🥹 Check it out here : gabrielbeaugonin.com

Some websites shout for attention. Gabriel Beaugonin’s portfolio does the opposite. A unique layout, clever navigation, smooth animation, and thoughtful transitions, all packed with delightful micro-interactions. An easy Okay Pick.

Experimenting with an infinite halftone pattern and plane bending on scroll 〰 Built with @threejs (WebGPU + TSL)

Gonna start sharing more experiments from client projects and personal explorations. Some new, some from the archive 👀 Starting with this one: a prismatic trail and cubes reacting to the cursor, real-time in the browser with WebGPU + TSL ✦◽️

i've spent half my career travelling and working remotely. so i made a little space for it in my portfolio. dev by @dev_ya

A first glimpse of an e-commerce project launching soon for Spent®. Done w/ @thomasmonavon #animation #motion #javascript #gsap #webgl

Really wanted the mobile version to feel just as considered as desktop. Happy with how this one turned out 🤝

Still pretty happy about this one ✨ @gabrielbgnn's portfolio recently picked up an @fwa SOTD! → gabrielbeaugonin.com

Thanks to @usemuzli for picking up the portfolio, and for the homepage feature 🙏

small update: got the email this morning, the portfolio is @FWA Site of the Day feels good, especially since it's the first project that's really mine ✨ gabrielbeaugonin.com thanks to my friend on this one, @dev_ya

Travel page for @gabrielbgnn portfolio. What started as a photo showcase became something a little more playful: a spring-driven plane flying across the page, wing-tip trails, and split-flap airport codes inspired by old departure boards. Link here ✈️ → gabrielbeaugonin.com

Little detail from the portfolio i like a lot. The pages each have their own url but the transitions are seamless enough that it doesn't feel like changing page, more like one continuous thing. And every transition is cancelable with escape. Mid-animation it reverses, and once you've landed, it takes you back home. Small thing but it makes the whole nav feel more yours than the site's. Try it yourself → gabrielbeaugonin.com Development by @dev_ya

My first portfolio is live. After years of building sites for other people, it felt good to finally take the time on my own, obsess over the details, and make something that actually feels like me. Not the flashiest thing out there. That’s the point. It’s about the experience, the flow, the small interactions. Big thanks to @dev_ya , who carried the development and did an incredible job. The whole thing runs on his work. → gabrielbeaugonin.com

Just put together a new temporary portfolio. Nothing overdesigned, just a simple way to showcase some recent work and experiments around motion and interaction. → yanislebzar.com ← Available for freelance projects starting in July. Would love to hear your thoughts 🙌 Built with @motiondotdev

Create modal by @dev_ya More UI interaction designs: collectui.com

Save button interaction✨ Built with @motiondotdev

This transition is almost like all other page transitions: A simple color swipe. But this website adds downscaling of the page before the transition. This communicates really well that we are changing places. Not just a simple swipe, but a change in position that's almost physical Small and gorgeous details by @dev_ya