Sell a studio, not isolated furniture
Desks, sidecars, racks, and accessories form one working studio while retaining the feel of a bespoke commission.
BRAND · PRODUCT · LAUNCH · Mar – Jun 2026
Temple & Spark
Bespoke studio furniture, from brand to 3D commerce
- Role
- Lead Product Designer & Engineer (Contract)
- Team
- Direct collaboration with the founder
- Timeline
- Mar – Jun 2026
- Status
- Deployed · owner handoff completed
Problem
Made-to-order studio furniture was difficult to explain online. Customers needed to understand the options while still feeling the craft of a bespoke commission.
Approach
Present a complete studio, then reveal configuration one chapter at a time. Believable materials and directed cameras build confidence; Medusa supplies every SKU and price.
Outcome
Delivered the identity, storefront, desk and rack builders, packaging, and owner handoff. Desktop and mobile tests verified Medusa orders; final go-live checks were documented.
- Evidence · storefront + API
- DeployedVercel storefront and Render-hosted Medusa documented at owner handoff.
- Evidence · test checkout path
- VerifiedLocal desktop and mobile tests created canonical Medusa orders; these were not customer sales.
Decisions & details
Decisions & details
ScopeBrand Identity, Packaging System, Web Design, 3D Desk Configurator (Three.js), Medusa Commerce Build
Key decisions
Reveal configuration in chapters
Eight directed scenes pace materials, architecture, equipment, and review to make complex choices manageable.
Keep Medusa canonical
Every option resolves to Medusa product, price, cart, and order data.
Hand off the operating system
Accounts, saved builds, delivery, email events, and owner documentation make the system operable after handoff.
Project chronology
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
Desks, sidecars, racks, and accessories form one studio family, helping customers see how a bespoke commission fits together.
02
An identity built like the furniture
A compact maker's mark, earth tones, and editorial typography connect furniture, packaging, and digital experiences.
03
Shop the studio
The storefront leads with rooms, materials, and working musicians so customers have context before configuring.
04
A commissioning experience, made interactive
Eight chapters pace the commission. Directed cameras and believable lighting support each choice; live Medusa validation keeps prices and SKUs accurate.
05
And the rack builder
Build a rack bay by bay in Three.js, with pricing from the same Medusa catalog as the desk builder.