All projects
3D / WebGL2025

Orbit 3D Configurator

A real-time 3D configurator that lets shoppers customize hardware — materials, colors, modules — and see photoreal results instantly, right in the browser.

Orbit 3D Configurator
Client
Orbit Labs
Role
Senior Engineer (3D)
Timeline
10 weeks
Year
2025
+38%
Add-to-cart
1.8s
Time to interactive
-22%
Return rate

The challenge

Marketing wanted photoreal product imagery, but pre-rendering every permutation was impossible (millions of combinations) and shipping huge assets would tank load times.

The approach

We authored a single optimized GLTF with swappable PBR materials, wrote custom GLSL for the anodized finishes, and used progressive loading + draco compression so the scene was interactive in under two seconds.

The outcome

The configurator became the highest-converting page on the site, lifting add-to-cart by 38% and cutting returns thanks to accurate previews.

What I did

  • Built the full R3F scene and material system
  • Wrote custom shaders for metal/anodized finishes
  • Optimized assets to a sub-2s interactive load
  • Designed the configurator UX with the design team

Tech stack

React Three FiberThree.jsGLSLDracoZustandVercel

Have a bold idea? Let's build it.

I take on a handful of projects each quarter. Tell me what you're dreaming up and let's make it real.

Start a project