Suburbia Skate 3D Site

🔗 Live Project: suburbia-skate.netlify.app Tech Stack: Next.js 15 • GSAP • Three.js • Prismic CMS

Overview: Suburbia Skate is a fully immersive 3D skateboard website that merges art, motion, and code into a single experience. Designed for a bold youth brand, the site captures the raw energy of street culture through interactive 3D elements, cinematic transitions, and layered storytelling.

3D Skateboard Configurator: Built with Three.js, allowing users to rotate, explore, and interact with skateboards in real-time.

Seamless Motion Design: Used GSAP for fluid animations, scroll-based storytelling, and buttery-smooth micro-interactions.

Content Management: Integrated Prismic CMS for dynamic updates to products, drops, and media without developer intervention.

Next.js 15 Architecture: Implemented using the App Router for modern routing, code-splitting, and optimized performance.

Created a cinematic web experience that blends product storytelling with 3D artistry.

Achieved 60fps smoothness for animations and real-time model rendering.

Fully responsive design ensuring visual integrity across all devices.

Result: The final site feels like a living brand film, visually expressive, fast, and deeply engaging. It demonstrates how Next.js, Three.js, and GSAP can be combined to push creative boundaries on the web.