Mudanças Demonstration project
Baú — fixed-price removals with an instant quote
A workwear-industrial app for a Lisbon moving company: a live quote calculator with a distance matrix, floor and lift maths, extras and a 14-day pricing strip — every euro itemised on a sticky mono receipt that becomes a booking.
A moving company run like software is losing leads to phone tag: every quote request dies waiting for a callback. They need a site where the calculator IS the product — a binding number in sixty seconds, the formula in plain sight, and moving day tracked like a parcel. Tough, orange, honest, like good crew gear.
What's inside
- Instant quote calculator with a deterministic distance matrix across 17 zones (Lisbon, south bank, Porto, Algarve)
- Typology chips T0–T4+ plus fine-tune counters for sofa, bed, fridge and more — each showing its m³ in mono
- Floor steppers and lift toggles per building, with the €7 × floor × 3 m³ formula printed in the open
- 14-day pricing strip: weekdays −10%, Saturdays +15%, one deterministic sold-out day, Sundays closed
- Live itemised receipt — sticky aside on desktop, collapsible bottom bar on mobile — with an animated fixed total
- Two-field booking dialog ending in a confirmation checklist and deterministic reference number
- Parcel-style moving-day timeline with done / in-progress / next checkpoint states
- Hand-drawn SVG system: crate brand mark, van-on-route hero scene, rain-proof crate stack
- Reduced-motion support, AA contrast, 44 px touch targets and full PT/EN bilingual copy
Build log
- Art direction — kraft/asphalt/safety-orange tokens, crate brand mark, van-on-route SVG scene studies
- Pricing engine: zone distance matrix, volume model, floor/lift formula, weekday and Saturday modifiers
- Calculator UI — typology chips, contents counters, building steppers, extras, 14-day date strip
- The receipt: itemised mono lines, animated fixed total, sticky desktop aside and collapsible mobile bar
- Booking dialog with confirmation checklist, moving-day tracking timeline, crates and reference receipts
- Accessibility pass — focus states, aria on steppers and dialog, reduced motion — PT-PT copy polish
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
98
Performance
97
Accessibility
100
Best practices
100
SEO
