Whats up, my identify is Jean. I’m a contract net developer based mostly in Paris. For the previous three years, I’ve been working with numerous startups and companies to construct high-quality net merchandise. I’m additionally obsessed with WebGL applied sciences and spend quite a lot of time studying, experimenting, and pushing the boundaries of net experiences.
Listed here are a few of my favourite and most up-to-date works.
In October 2024, I used to be contacted by Luma AI to construct a advertising web site for his or her brand-new picture era mannequin: Dream Machine.
The one that reached out was leoyakxi, a designer at Luma with whom I had beforehand collaborated on one other challenge. So when he confirmed me the primary design iterations, I used to be tremendous excited!
We began engaged on this in early October and launched it in late November (roughly seven weeks of labor). We explored many design iterations and inventive instructions and spent numerous hours perfecting each animation!
One of many key options of this challenge is the persona switcher part. The thought was to have 5 variations of the web site on the identical web page, so we went with a five-button switcher that performs a brilliant cool morphing impact when transitioning between personas. In the event you’re on this, I wrote a tutorial on Codrops explaining how I constructed it!
This challenge was technically difficult as a result of I needed to discover essentially the most optimized resolution for each piece of code on the location! It was really a tremendous expertise, and I used to be so relieved once we launched the challenge and noticed all of the hype it generated on social media. The location even gained Website of the Day on Awwwards, which was a primary for me!
Tech Stack: Subsequent.js, TypeScript, GSAP
Legends is a web site showcasing essentially the most iconic moments in worldwide soccer.
In 2024, I made a decision to enhance my WebGL data, so I began following some Three.js programs and tutorials, studying documentation, and forking repos. After a number of months, I had gained a stable understanding of shaders and 3D graphics, so I started constructing this private challenge as a approach to apply my new expertise!
This website showcases quite a lot of fascinating shader results, and I had a lot enjoyable constructing it. It’s definitely probably the most instructive initiatives I’ve ever labored on! This was additionally my first time experimenting with the Astro.js framework and constructing transitions between pages from scratch.
Tech Stack: Astro.js, TypeScript, Three.js, GSAP
Atomic Well being is a design company targeted on digital well being. In Could 2023, they contacted me to construct their new company web site.
This was an important challenge for me as a result of I took on each the developer and designer roles. Once they reached out, they’d some design keyframes and an inventive route, nevertheless it was versatile to a sure extent, so that they had been very passionate about listening to my design and artistic proposals.
Considered one of my favourite options of the location is the transition between pages, which I constructed utilizing customized Subsequent.js routing logic on high of the Subsequent.js router.
Tech Stack: Subsequent.js, Typescript, Prismic CMS, GSAP
WebGL Experiments
Over the previous yr, I fell into the rabbit gap of 3D graphics on the internet. Some frameworks, like Three.js, supply so many prospects for working with the WebGL API.
I spend quite a lot of my free time studying, researching, and experimenting with these fascinating applied sciences. I additionally share many of those experiments on Twitter.
I’m additionally about to launch a brand new inventive private challenge that may showcase all my newest data on the topic—right here’s a small teaser:
About me
I began my coding journey in highschool about six years in the past by following YouTube tutorials—beginning with easy Python scripts, then small video games with C++.
After that, I made a decision to pursue a Math/CS diploma in faculty. In some unspecified time in the future, we needed to create a web site with PHP for a category task—that’s once I found net growth.
Three years later, I started my journey as a contract net developer, and it’s been a unbelievable expertise ever since!
Thanks, Codrops, for that includes me! This web site is a goldmine for coders trying to push their data to the subsequent stage.
