Nod Marketing — a full-service digital marketing agency site, built to double as a live portfolio piece.
Stack:
- Next.js, deployed on Vercel
- Three.js / React Three Fiber for the 3D scene
- GSAP for scroll-driven animation
The homepage features a 3D scene with hover-triggered butterflies, a drifting fog layer, and camera movement that reveals the scene from different angles as you move around. Cards and pillars are fully 3D and react dynamically when you interact with them.
Live: https://nodmarketing.se/
Curious to hear thoughts on performance — happy to share how we handled loading/hydration for the 3D scene if it’s useful to anyone else building something similar on Vercel."