A collaborative web project with a creative agency. 👉 Note: My role was fully focused on Webflow development and 3D integration. The design, branding, and 3D assets were provided by the creative team.

The goal was to transform an innovative concept into an immersive online experience, using real-time 3D and smooth animations to enhance the brand’s storytelling.

Integrate 3D models exported from Blender into the website.

Use Three.js to render, animate, and enable interaction with 3D elements.

Implement complex animations and creative interaction ideas to elevate the user experience.

Ensure performance and cross-device compatibility (desktop, tablet, mobile).

Develop on a solid base (Webflow / custom code) while maintaining design fidelity.

Assets & Handoff: Received Figma layouts + 3D models (GLB format).

Technical Setup: Base structure in Webflow (⚡confirm if it was Webflow or standalone code).

3D Integration: Implemented models in Three.js, optimized textures, configured lights and cameras.

Animations: GSAP for smooth transitions and micro-interactions.

Testing & QA: • Performance audits with Lighthouse. • Cross-device testing (including mid-range/budget devices). • Mobile interaction adjustments.

Fully interactive real-time 3D experience on the web.

Smooth, responsive animations aligned with the narrative.

Optimized performance without sacrificing visual quality.

Engagement: Increased user interaction and time on page thanks to the 3D experience.

Differentiation: The website positioned the brand as innovative, creating a strong “wow” effect.

Scalability: The technical base allows new 3D models or animations to be added in the future.

👉 Final CTA: “Looking to bring your website to life with 3D and custom animations? Let’s talk.”

👉 Explore more of my work: 🔗 https://franco-portfolio-site.webflow.io/ 🔗 LinkedIn 🔗 Twitter

If you’re looking to create an interactive website with Webflow, 3D, or advanced animations, let’s connect. 🚀