/ Interactive 3D Website | 2026
A premium logistics website built around a scroll-driven Three.js truck experience and cinematic product storytelling.
/ Project overview
Northline is an interactive logistics website that combines a clean editorial interface with a custom Three.js experience. A 3D truck moves through different visual states as the visitor scrolls, turning the hero into part of the site's narrative rather than a static decorative element.
/ Process
The challenge was to make a real-time 3D scene feel integrated with a conventional marketing website without sacrificing responsiveness, readability, or performance.
Vanilla Three.js is integrated inside Next.js with GLTF and Draco-loaded assets. Scroll progress drives camera changes, truck movement, wheel rotation, and scene transitions while the surrounding DOM content remains responsive and independently structured.
/ The result
The result is a visually distinctive marketing experience that demonstrates how interactive WebGL can support brand storytelling while still functioning as a practical responsive website.
/ Next project
Pawfecta