3D Commerce · 2026
RiderProvider
Gear in Motion
Live demo — explore freely; commerce is intentionally inert, so nothing is ordered.
The work
- 3D commerce architecture
- WebGL / Three.js engineering
- Design system & storefront UX
- Checkout & account flows
RiderProvider is our star build: a storefront where the product is the experience. Helmets, jackets, gloves and boots each live in one of six themed 3D worlds — APEX, PULSE, VOLT, STORM, TERRA and HERITAGE — rendered in real time on a single persistent WebGL canvas that never reloads as you move through the catalogue.
Under the cinematics sits a real commerce core: collections, product detail, cart, checkout and account, all built on Next.js server rendering with a Firestore-backed catalogue. The 3D layer is fully code-split and mounts on the client only, so the commerce routes stay fast and the heavy WebGL never blocks a page.
This deployment runs as a live, click-through demo — the catalogue is populated with demo gear and checkout is intentionally inert, so you can explore the whole experience end to end without placing an order.
Themed 3D worlds
6
Interactive models
7
Storefront routes
18
Next in the portfolio