Here I got creative: using GSAP and Three.js, I managed to introduce my first 3D model into a website with a scroll effect. I actually like that car, by the way!

I embarked on the exciting challenge of crafting an immersive web experience that encapsulates the legendary spirit of the Porsche 911. Built in Webflow with the integration of GSAP and Three.js, this project highlights the seamless interaction with a fully interactive 3D model of the Porsche 911. The goal was to create a digital environment where users could not just see, but feel the essence of this automotive icon through smooth animations and interactive storytelling. The journey began with meticulous attention to detail. Leveraging Three.js, I optimized the 3D model to ensure high performance without sacrificing visual fidelity, making it possible to explore every curve and detail of the car with ease. Using GSAP, I introduced elegant animations and dynamic transitions that brought the page to life, echoing the sleek and powerful movement of a Porsche in motion. Each interaction was designed to feel natural yet exciting, turning a simple scroll into an engaging experience. The final product is more than just a website; it’s a celebration of innovation and design. With a clean and modern aesthetic complemented by striking visual elements, the site captures the energy and prestige of the Porsche 911. This project stands as a testament to the potential of combining advanced web technologies with creative storytelling to deliver a memorable, high-performance digital experience.