Back to projects// 08 of 08

Live demo · Passcode required for admin

The Maker's Studio

Configurator to factory floor, in one loop.

1
Source of truth
Customer 3D = factory spec
3
Launch SKUs
Figurines · Candles · T-shirts
live
Pricing engine
Updates per material/text/color
0
Spec-translation tax
No handoff drift
The Maker's Studio preview

// TL;DR

Most "custom" e-commerce shows customers a flat 2D mockup. The customer guesses, the factory interprets, and what arrives doesn't match what was sold. The Maker's Studio closes the loop — the customer's real-time 3D configurator IS the manufacturer's reference IS the QA spec sheet. One source of truth from cart to ship.

01 / 08
Problem

The gap between what was sold and what was shipped kills custom-goods D2C.

Custom-goods returns happen overwhelmingly in the last mile — the customer expected one thing, the factory built another, and the spec handoff between them was a JPEG and a wish. I surveyed 14 small D2C founders working in customization; 11 named fulfillment ambiguity as a top-three cause of returns. The configurator wasn't the missing piece — those exist. The missing piece was the operational loop that connected the customer's 3D preview to the factory's manufacturing spec without a translation tax.

02 / 08
Who it's for

Two users, one loop.

The Maker's Studio is a two-sided product. The customer-facing surface is the configurator. The factory-facing surface is the admin dashboard that turns every order into a build-ready spec. The platform thesis is that both sides have to see the same artifact for the loop to close.

  • D2C brands selling configurable physical goods who are bleeding revenue to return rates
  • Small manufacturers fulfilling custom orders who currently work from JPEGs and customer-service tickets
  • End customers (gift-buyers) who want to see exactly what they're ordering before they hit purchase
03 / 08
Research & signals

"What I ordered" ≠ "what I got" is the silent killer of custom-goods D2C.

I ran founder interviews with 14 small D2C brands in customization-heavy categories. The pattern was unmissable: existing configurators on the storefront side had no equivalent on the operations side, so factories worked from screenshots, JPEGs, or worse, free-text customer notes. The handoff tax produced returns, reshipping costs, and a measurable hit to repeat-purchase rates. Threadless and Customink had solved the configurator side and built their own internal ops tooling — proof the loop mattered — but no off-the-shelf solution closed it.

// Signals

  • 11 / 14 D2C founders interviewed cited fulfillment ambiguity as a top-3 cause of returns
  • Threadless, Customink, and other established players all built their own internal ops tooling for the same loop
  • Factory-side operators consistently described the handoff as "JPEG and a prayer"
04 / 08
Strategic thesis

Close the loop. Same artifact, customer to factory. Refuse the catalog-expansion trap.

The strategic thesis was simple: the customer's 3D preview at checkout is the same object the factory builds from. No translation, no JPEG, no free-text note. The configurator is the source of truth for both sides. The companion thesis was operational: launch with three SKUs deep, not thirty wide. Custom-goods configurators die the moment they try to cover too many categories before the operational loop is bulletproof.

// We said NO to

  • Launching with a broad catalog — three SKUs deep beats thirty SKUs wide
  • Marketing "we have a 3D configurator" — the real story is "we close the loop"
  • Third-party WMS — would have re-introduced the JPEG handoff we were trying to delete
  • Customer-side payment optimization — checkout AB testing is for later; product-truth has to land first
05 / 08
What we built

Real-time 3D. Live price. Admin dashboard. One artifact across the loop.

The customer surface is a 3D configurator built on React Three Fiber — material, color, engraved text, all editable in real time with a live price that updates per choice. The artifact the customer commits to at checkout — geometry, materials, text, the literal 3D screenshot — is what the admin dashboard receives. The factory operator sees the customer's exact 3D, a manufacturing-ready spec sheet, and a fulfillment-state machine that tracks the order from received to shipped.

01
Real-time 3D configurator

React Three Fiber renders the product live as the customer changes material, color, and engraved text. The price updates in the same render loop.

02
Live pricing engine

Pricing is a function of material × geometry × engraving complexity, computed client-side from a pricing table. No "request a quote" step.

03
Customer 3D = factory spec

At checkout, the configurator snapshot is stored — same artifact the factory operator sees. The loop is closed; no JPEG handoff.

04
Admin dashboard

Order list, per-order spec sheet, fulfillment state machine, and the customer's 3D preview embedded so the operator never has to imagine what was ordered.

05
Engraved text overlay

Text engraving rendered live on the 3D product — exact font, exact size, exact placement. What you preview is what gets printed.

06 / 08
Trade-offs

What we deliberately gave up — and what we kept in exchange.

Chose
Internal admin tool
Over
Third-party WMS integration

A WMS would have shortened build time but reintroduced the JPEG handoff we were specifically trying to eliminate. The custom admin is the moat.

Chose
Three SKUs deep
Over
Many SKUs wide

Going deep on three categories let the operational loop bake before we expanded. Catalog expansion is the death-by-a-thousand-cuts trap in this category.

Chose
React Three Fiber
Over
Plain 2D configurator

Higher build complexity, but the 3D preview is the artifact that closes the loop. A 2D mockup would have left us right back in JPEG-and-prayer territory.

Chose
Live pricing, no quote flow
Over
"Request a quote" pricing

Live pricing forces a clean pricing model and pre-empts the friction of waiting. Worth the engineering investment to avoid the conversion drop.

07 / 08
Outcomes

Live demo. Loop validated end-to-end. Carrying the Formies lessons forward.

The demo runs publicly with the admin behind a passcode. The full handoff — customer configures, checkout snapshots the 3D, admin renders the same 3D, operator marks fulfilled — has been validated end-to-end. The next step is operational scale, which is precisely what Formies taught us we needed before we ever shipped a single configurator pixel.

live
Configurator → admin loop
Validated end-to-end
3
Launch SKUs
Figurine · Candle · T-shirt
1
Source of truth
Same 3D, both sides
08 / 08
Lessons

What I'd carry forward.

01Real-time 3D is finally affordable for D2C, but the operational tooling is the real differentiator — every competitor has the configurator.
02"Closing the loop" is the marketing story that sells, not "we have a 3D configurator." Both sides of the loop have to be visible to the buyer.
03Three SKUs were enough to validate the model; resisting the catalog-expansion impulse was harder than building the product.
04The lessons from Formies — mold pipeline, manual fulfillment, narrow catalog — are exactly what makes this version work. Predecessors aren't failures; they're research.

// Stack

Next.jsReact Three FiberTypeScriptFirebaseTailwind