Carpintaria por medida Demonstration project
Prego — made-to-measure joinery with a wardrobe you draw on your own wall
A technical-drawing-sheet site for a joinery in Leiria: three sliders and three choices redraw a scale wardrobe — modules, doors, drawers, veneer colour, dimension lines — and price it live; a free measuring visit is booked from real slots. The six-week process is dated, the fixed-price promise is written, and the estimate says out loud that it is an estimate.
feitura.com/demo/prego — Live
Custom joinery loses leads because nobody will say a number before a visit. This workshop wants to say a number — clearly labelled — and to show the customer their own wall with a wardrobe on it, so the visit is booked with the decision half made.
What's inside
- Live scale drawing: width, height and depth sliders, four materials with real veneer colours, hinged/sliding/open doors and 0–4 drawers redraw modules, handles, rails, shelves and dimension lines
- Estimate from front area × material rate × door factor × depth, plus drawers, rounded to ten euros; lead time changes with material
- Measuring-visit slots across five days, free and taken states; the booking button only wakes with a slot
- Booking sheet carrying the configuration, estimate and slot, with an address field validated; front-end only
- Six-week process with dated steps and three promises; the workshop in numbers, an industrial-zone map, FAQ that explains what the estimate is not
- Fine grid paper background, Prussian ink, condensed uppercase display, mono dimensions — the wood appears only on the wardrobe itself; no photography
- Bilingual PT/EN, Escape-closable dialog, focus management, 44 px targets, reduced-motion aware
Build log
- Art direction — grid paper, Prussian ink, oak only on the piece; condensed display; drawing conventions
- Configurator model: modules from width, doors and drawers geometry, materials
- Pricing rules, estimate panel, visit slots and gated booking
- Process timeline, promises, workshop and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript