Hello, my name is Jean. I’m a freelance web developer based in Paris. For the past three years, I’ve been working with various startups and agencies to build high-quality web products. I’m also passionate about WebGL technologies and spend a lot of time learning, experimenting, and pushing the boundaries of web experiences.
Here are some of my favorite and most recent works.
In October 2024, I was contacted by Luma AI to build a marketing website for their brand-new image generation model: Dream Machine.
The person who reached out was leoyakxi, a designer at Luma with whom I had previously collaborated on another project. So when he showed me the first design iterations, I was super excited!
We started working on this in early October and released it in late November (roughly seven weeks of work). We explored many design iterations and artistic directions and spent countless hours perfecting every animation!
One of the key features of this project is the persona switcher component. The idea was to have five versions of the website on the same page, so we went with a five-button switcher that performs a super cool morphing effect when transitioning between personas. If you’re interested in this, I wrote a tutorial on Codrops explaining how I built it!
This project was technically challenging because I had to find the most optimized solution for every piece of code on the site! It was truly an amazing experience, and I was so relieved when we launched the project and saw all the hype it generated on social media. The site even won Site of the Day on Awwwards, which was a first for me!
Tech Stack: Next.js, TypeScript, GSAP
Legends is a website showcasing the most iconic moments in international football.
In 2024, I decided to improve my WebGL knowledge, so I started following some Three.js courses and tutorials, reading documentation, and forking repos. After a few months, I had gained a solid understanding of shaders and 3D graphics, so I began building this personal project as a way to apply my new skills!
This site showcases a lot of interesting shader effects, and I had so much fun building it. It is certainly one of the most instructive projects I’ve ever worked on! This was also my first time experimenting with the Astro.js framework and building transitions between pages from scratch.
Tech Stack: Astro.js, TypeScript, Three.js, GSAP
Atomic Health is a design agency focused on digital health. In May 2023, they contacted me to build their new agency website.
This was a very important project for me because I took on both the developer and designer roles. When they reached out, they had some design keyframes and an artistic direction, but it was flexible to a certain extent, so they were very enthusiastic about hearing my design and creative proposals.
One of my favorite features of the site is the transition between pages, which I built using custom Next.js routing logic on top of the Next.js router.
Tech Stack: Next.js, Typescript, Prismic CMS, GSAP
WebGL Experiments
Over the past year, I fell into the rabbit hole of 3D graphics on the web. Some frameworks, like Three.js, offer so many possibilities for working with the WebGL API.
I spend a lot of my free time learning, researching, and experimenting with these fascinating technologies. I also share many of these experiments on Twitter.
I’m also about to release a new creative personal project that will showcase all my latest knowledge on the subject—here’s a small teaser:
About me
I started my coding journey in high school about six years ago by following YouTube tutorials—starting with simple Python scripts, then small games with C++.
After that, I decided to pursue a Math/CS degree in college. At some point, we had to create a website with PHP for a class assignment—that’s when I discovered web development.
Three years later, I began my journey as a freelance web developer, and it’s been a fantastic experience ever since!
Thank you, Codrops, for featuring me! This website is a goldmine for coders looking to push their knowledge to the next level.