Sell a studio, not isolated furniture
The product architecture connects desks, sidecars, racks, and accessories as one working environment, preserving the aspiration of a bespoke commission.
BRAND · PRODUCT · LAUNCH · Mar – Jun 2026
Temple & Spark
Turned a bespoke furniture maker into a complete studio-commerce brand
- Timeline
- Mar – Jun 2026
- Role
- Lead Product Designer & Engineer (Contract)
- storefront + API
- Deployed
- 3D builders
- 2
Process & contextStrategy, decisions, outcomes, chronology, and sources
Process & contextStrategy, decisions, outcomes, chronology, and sources
Context
Temple & Spark sold highly considered, made-to-order studio furniture through a process that was difficult to understand online. A conventional product grid would make the work legible by stripping away the craft that made it valuable.
Product decision
Organize the offer as a studio ecosystem, then turn configuration into a calm commissioning experience. The brand establishes aspiration; chapter-based 3D builders reveal complexity progressively; Medusa remains the source of truth for every SKU and price.
Outcome
The new identity, storefront, desk builder, rack builder, and packaging system launched as one connected experience - expressive at the surface and fabrication-ready underneath.
- Deployed
- storefront + API
- 2
- 3D builders
- Verified
- commerce path
Vercel storefront and Render-hosted Medusa documented at owner handoff.
Desk and rack configuration run in real time.
Local desktop and mobile checkout tests created canonical Medusa orders.
ScopeBrand Identity, Packaging System, Web Design, 3D Desk Configurator (Three.js), Medusa Commerce Build
Sources & prototypes
Key decisions
Reveal configuration in chapters
Eight directed scenes pace foundation, material, architecture, equipment, and review so a complex build feels calm instead of form-like.
Keep Medusa canonical
Every displayed option resolves to real product, variant, price, cart, and order data; the visual builder never invents parallel commerce truth.
Hand off the operating system
Customer accounts, saved builds, order history, delivery choices, email events, deployment, and owner documentation turned the launch into an operable business system.
Project chronology
Four months from workshop logic to owner handoff
The work moved as one connected build: understand the commission, define the studio world, make configuration believable, then prove the commerce and operating path.
Mar 202601 · Foundation Translate a bespoke process into a product family
The starting point was not a conventional catalog. I mapped desks, sidecars, rack systems, accessories, materials, and fabrication constraints into one studio architecture customers could understand.Phase 0202 · Identity Build a warm, architectural studio world
The ampersand-and-asterisk mark, earth-tone palette, editorial typography, packaging, and spatial applications gave the maker a coherent presence from screen to workshop.Phase 0303 · Product Choreograph the commission in real time
An eight-step Three.js desk builder and companion rack builder turn materials, architecture, equipment, and review into a paced visual sequence.May 13, 202604 · Verification Prove the Medusa path end to end
The local launch-readiness pass verified the storefront and backend builds, twelve real Temple products, persisted cart behavior, configured-desk SKU ordering, delivery pricing, and desktop/mobile checkout.Jun 14, 202605 · Operations Hand the complete operating system to the owner
The owner handoff documented the Vercel storefront, Render-hosted Medusa API, accounts, order history, saved builds, email notifications, delivery choices, deployment, and remaining go-live checks.
01
From workshop to product system
The strategic move was to make a bespoke craft business legible without making it feel mass-produced. I organized the offer as a studio ecosystem - desks, sidecars, racks, and accessories - so customers could understand how pieces work together while every configuration still felt commissioned.
02
An identity built like the furniture
The identity balances precision with warmth: an ampersand-and-asterisk monogram, a restrained earth-tone palette, and an editorial wordmark system designed to hold together product, packaging, and spatial applications.
03
A storefront that sells a studio, not a SKU
I designed and built the Next.js storefront as an editorial path into the product family. The experience leads with rooms, materials, and working musicians, then moves into configuration only when a customer has enough context to make meaningful choices.
04
A commissioning experience, made interactive
The desk builder turns a high-consideration commission into eight calm chapters. Directed cameras and cinematic lighting keep the room aspirational; progressive choices keep complexity manageable; live Medusa validation keeps every displayed price and SKU fabrication-ready. Each frame below is the real product.
05
And the rack builder
A companion configurator for the outboard gear itself: a real-time Three.js rack you fill bay by bay, on the same Medusa-priced commerce backend as the desk builder. The frame below is the live product - click in and build a rack.