Freelance Success: Creating Interactive 3D Keys for WebflowFreelance Success: Creating Interactive 3D Keys for Webflow
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Saad's avatar
Saad Aziz
pro
• 1d
This project represents the true beginning of my professional freelancing career. Tasked by a client on Fiverr with creating a 3D key for their Webflow site, I applied the foundational knowledge gained from self-guided learning and YouTube tutorials to bring the model to life.
The project’s complexity increased when the client required the key to animate on scroll. Facing the limitations of Spline's native scroll capabilities at the time, I took the initiative to find a workaround. I developed a method to integrate the Spline asset with Webflow’s scroll triggers, manually synchronizing the animation to create a seamless interactive narrative.
The result was a successful delivery of my first interactive 3D website—a testament to the power of persistence and creative problem-solving in the early stages of a freelancing career.
Completed work
Webflow Development3D AnimationSpline DesignSplineWebflow
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started