01
DISCOVERY
About two weeks with your CAD, your product line, and the decision the 3D has to help a buyer make — configure, compare, or simply believe.
Output: a one-page pilot brief. The model set, the interactions, where it embeds.
Live 3D · product configurators · Cincinnati, Ohio
3D product configurators, built live on your own CAD.
A 3D product configurator lets a buyer pick the colorway, add the accessory and turn the product to any angle, live in the browser, before they order. DH Studios builds them on the same CAD the product is built from, rendered with React Three Fiber on Three.js. Not a video. The product, live.
One product first. Then the line.
How it's built — CAD → web file → browser
From your CAD to a product the buyer can turn.
01Your CAD
Your own product files: the STEP, the FBX, or the GLB from a configurator you already run. What the buyer sees is the geometry the factory builds from.
02A web file
Decimated to what a screen can resolve, materials normalised, Draco-compressed. Hundreds of megabytes of CAD become a file under two megabytes.
03The browser
React Three Fiber renders it live, lit like a product shot, driven by what the buyer chooses. Nothing is pre-rendered.
The work, and where it stands
Two product makers. Both demos run on /3d.
Sorinex
Lexington, SC · strength equipment
- IN BUILD A rack viewer on the real rack CAD, in build. Three Base Camp racks run on /3d today: Half Rack 1.8 MB, Single Rack 0.7 MB, Power Rack 1.4 MB.
- IN BUILD A team-colorway customizer, in build: zone colorways, logos, and facility names on the nameplates.
- IN BUILD An interactive rack configurator, in build: browse the line, attach accessories in 3D, and arrive at a buildable configuration.
Vestaboard
Palo Alto, CA · split-flap displays
- A true-3D product studio in the browser: type a message on the real split-flap drum, orbit the board, and export path-traced stills and turntables — replacing per-angle renders.
- A browser split-flap simulator with every board transition, an embeddable board, a live composer, and video export for marketing.
Before the first call
What a first configurator needs.
- Your CAD: the product files the factory builds from.
- One product to start. The line comes after.
- The options that matter: the colorways, sizes and accessories a buyer actually chooses between, and what fits with what.
- The decision the 3D has to help a buyer make: configure, compare, or simply believe.
- Where it lives: the page it goes on, and the people who take the order.
THE PROCESS — DISCOVERY → PILOT → EXPAND
One director, concept to running system.
02
PILOT
One product, live in the browser, on your site: a configurator, a simulator, or a real-time render, built on the real geometry and lit like the photography.
Output: a running build, a link you can send, and a number you can check against the old renders.
03
EXPAND
The next product, the next interaction — colorways, accessories, exports, a hand-off to the people who take the order. Nothing gets rebuilt; it gets extended.
Output: a roadmap in the order the buyer feels the difference.
Questions
Before you book
What is a 3D product configurator?
A page where a buyer builds the product they want, choosing colorway, size and accessories, and sees it live in 3D from any angle before ordering. Ours render in the browser from the product's own CAD.
What files do you work from?
Your own product files: the STEP, the FBX, or the GLB from a configurator you already run. We don't re-model a likeness.
How fast does it load?
Hundreds of megabytes of CAD become a file under two megabytes. The three Sorinex racks on /3d are 1.8 MB, 0.7 MB and 1.4 MB, Draco-compressed and lazy-loaded.
What is in build for Sorinex right now?
Three pieces, all in build: a rack viewer on the real CAD, a team-colorway customizer, and an interactive rack configurator. You can orbit three of the racks on /3d today.
Where are you based?
Cincinnati, Ohio. Our live 3D work so far is for Sorinex in Lexington, South Carolina, and Vestaboard in Palo Alto, California.