Lavagem automóvel Demonstration project
Lustro — car detailing with the price built before you book
A garage-at-night site for a hand wash and detailing shop in Braga: pick a service, a car size and extras, watch the price, time and a drawn car's shine respond, choose a bay slot and book with your number plate. Arrival photos, honest polish limits and recycled water are promises written on the page.
feitura.com/demo/lustro — Live
Detailing shops lose trust at the door — 'it's more because it's an SUV'. This one wants every price factor on the page, a time that is really the customer's, and the small honesty signals (photos on arrival, what polishing will not fix) that make people come back.
What's inside
- Service builder: four packages × three car sizes (with visible multipliers) × four extras, each with its price and time; live total and duration
- A drawn car whose shine lines and shine meter respond to the chosen package and extras — no photography
- Bay slots per day with free-bay counts and full states; the booking button only wakes with a slot
- Booking sheet carrying package, size, extras, time and price; number-plate field validated to the Portuguese format; front-end only
- 'Includes' list that switches with the package; three-step process; promises (redo on the spot, 70 % recycled water)
- Light, wide, letter-spaced display on matte black with a single signal-lime accent; mono for prices and hours
- Bilingual PT/EN, Escape-closable dialog, focus management, 44 px targets, reduced-motion aware
Build log
- Art direction — matte black, graphite, chrome, signal lime; light spaced display; car drawing
- Pricing model: packages, size multipliers, extras, times; shine meter
- Bay slots and the gated booking; sheet with plate validation
- Process, promises, location and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript