Roadgrip
Let the product do the explaining.
Interactive development · pitch experience
Pitch / concept · portfolio demonstration name
Next.js · Three.js · React Three Fiber · GSAP
Make exploration feel natural.
A configurable product has to be easy to inspect and enjoyable to explore. The challenge is coordinating selection, framing, loading, and ordinary page navigation.
Where I worked.
Contributed vehicle-selection filtering, wheel configuration, and interface refinements in the original pitch project.
Worked on loading presentation, fitment defaults, zoom guidance, and control accessibility.
Adapted the portfolio-facing presentation under the Roadgrip name.
The details that matter.
One selection, everywhere
A shared fitment store holds wheel size and variant. Product cards, controls, and the scene subscribe to that same selection instead of maintaining competing copies.
Compose the camera
Camera direction combines held views and travelling shots, with portrait framing adjustments. Each movement should make the product easier to understand.
Keep scrolling familiar
The configurator preserves ordinary wheel scrolling; zoom uses a modifier. The surrounding story maps scroll progress to a cached image sequence.
Good interaction design connects the product state and the camera without making the visitor learn a new way to browse.