UI/UX, THREE JS, SPLINE 3D, Framer, GSAP, 3D Modeling, Art Direction
Website / 3D Showcase
The Challenge
"Terra" is a mission-driven company focused on sustainability. A simple "About" page with paragraphs of text wasn't enough to tell their complex story of a circular supply chain. They needed to show their process in a way that was engaging and educational, not preachy.
The Solution
I pitched and designed an interactive "digital world" using 3D. I created a WebGL scene in Spline that visualized the product's entire lifecycle—from sustainable harvesting in the forest to the user's home.
As users scroll, they move through this 3D landscape, with animated hotspots revealing key facts about the process. This immersive showcase was then embedded into their main Framer site, acting as a new-age "About" page that was both a story and a product showcase.
The Outcome
The new brand experience was a huge hit for storytelling. It:
Doubled the average time on page, as users were genuinely playing with the 3D model.
Drove a 75% increase in newsletter signups (our main goal for the page).
Was praised in the press for its innovative approach to transparent brand storytelling.
