E-commerce

Product Configurator

A step-by-step builder for a made-to-order desk from a Beirut workshop: size, top, base, colour and extras, with a 3D preview that redraws on every choice and turns under your finger. Price, lead time, ready date and SKU update live, build rules explain what can't be combined, and every design gets a shareable code.

Use the Live / Loading / Empty / Error switch at the top to see every state.

Why it matters

Shoppers can buy exactly the product they want without a sales call, and the store never sells a combination the workshop can't make — every rule is explained before anything changes, and every design comes with a price and a ready date.

How it works

  1. 01Each step shows what every option adds to the price and lead time; hover an option to preview it on the desk, click to choose, and drag the preview to turn it or switch to the front, side or below view.
  2. 02If a choice clashes with another (hairpin legs on a 200 cm top, terrazzo on the lift), a dialog explains the rule and shows before and after, so nothing changes until the shopper confirms.
  3. 03The review step builds the SKU, price breakdown and workshop timeline, skipping weekends and Lebanese public holidays; designs can be saved, shared as a code or link, loaded back from a code and added to the bag.

See it inside a full build