Interactive — this is the real build running inside the page.Full screen
What it does
OAK & ADZE is a joinery workshop in Metn whose website sells with a working configurator: set the size, wood and handles of a kitchen, wardrobe or library wall and the elevation drawing, cut list, price range and lead time redraw live. Visitors browse projects with their shop drawings, compare woods, book a site survey with real slot checks, and every request lands in the owner's workshop inbox.
Signature interaction
Drag the tape measure and the wardrobe's elevation, dimension lines, cut list and price range redraw together; tap a section to change what hangs inside, then send the drawing with a survey booking straight to the workshop inbox.
What works in it
Made-to-measure configurator for kitchens, wardrobes and shelving
Tape-measure sliders with typed sizes in mm or cm
Live elevation and section drawing with dimension chains
Cut list with sheets, edge banding and hardware counts
Price range with a line-by-line breakdown and lead time
Wardrobe interior planner: tap a section to change it
Project gallery with filters, lightbox and shop drawings
Species guide with finish preview and side-by-side compare
Survey booking with Lebanese phone checks and slot conflicts
Workshop inbox with KPIs, search, filters, statuses and notes
Simulated WhatsApp chat that files shared drawings as leads
Open-now hours, service-area map and survey fees
Motion preview
Screen recording of the live build, running on sample data.
Features inside this build
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.
A multi-step solar-quote lead form whose questions change with the service chosen: roof, generator and appliance questions branch in and out, a budget slider shows what the money buys, files attach in place, every field validates inline, and a draft can be saved and resumed. A live lead score and a WhatsApp follow-up close the loop.
A job-file manager for an appliance service company in Jounieh: drag and drop several files at once, see instant previews, get a clear reason when a file is the wrong type or too large, and follow every upload with pause, resume and retry. Files can be reordered, renamed and filed into folders.
Prepare a two-page service agreement, drag signature, initials, date, name, text and checkbox fields onto the pages and send it for signature. The signer adopts a signature by drawing it with a finger, stylus or mouse or by typing it in a script style, completes each highlighted field, and the envelope finishes with a certificate of completion and a hash-chained audit trail.