Japan x GT-R

Japan x GT-R

A cinematic, high-end editorial scrollytelling web experience celebrating the performance, heritage, and spirit of the Nissan GT-R across the diverse landscapes of Japan.

What users can do

  • Custom cinematic preloader and introductory reveal animations powered by GSAP
  • GSAP-driven parallax hero header with custom viewport overlays and Ken Burns zooming effects
  • Staggered spec-sheet block detailing the VR38DETT twin-turbo V6 engine and drivetrain
  • Smooth, horizontal scrolling gallery showcasing 8 iconic Japanese locations where the GT-R belongs
  • Split-screen scrollytelling chapters exploring generations (Skyline R34 to R35) and Takumi craftsmanship
  • Fluid, 60fps scroll kinetics using Lenis scroll synchronized with GSAP ScrollTrigger
  • Context-aware custom cursor with state-driven spring scaling and dynamic badge reveals
  • Tactile magnetic button hover animations designed with custom spring physics via Motion

Why I built this

I built this project to push the boundaries of creative frontend engineering, blending advanced motion design with my passion for JDM car culture. The objective was to craft a premium editorial experience that captures the raw power and technical precision of the Nissan GT-R through flawless performance and fluid scrollytelling.

Tech Stack