Oficina de bicicletas Demonstration project
Corrente — bike workshop with a repair quote before you leave the house
A chalk-and-safety-orange site for a workshop in Alvalade: tick the symptoms, watch the bike diagram light up, read an honest price range and workshop time, pick a drop-off slot, book. Four bikes sold with conviction, a garage you can see into, and a FAQ that says when a repair is not worth it.
feitura.com/demo/corrente — Live
Bike shops lose customers to 'bring it in and we'll see'. This workshop wants the opposite: a price and a time before the customer leaves home, a drop-off slot they can hold, and a promise — in writing — that the price only changes after a phone call.
What's inside
- Repair estimator: six symptoms with price ranges and times; a full service absorbs the small jobs it already covers
- Bike diagram that lights the affected zones as symptoms are ticked — one drawing, no photography
- Live quote panel with price range, workshop time and what the price includes
- Drop-off picker: six days, real slots, taken ones struck through; the booking button only wakes up with a quote and a slot
- Booking sheet that carries the quote, the slot and the ticked symptoms; inline validation, front-end only
- Four bikes with drawn silhouettes, sizes and prices on a graphite band; workshop promises, map and FAQ
- Bilingual PT/EN, uppercase grotesk display, mono for prices and hours, 44 px targets, reduced-motion aware
Build log
- Art direction — chalk, graphite, safety orange; uppercase grotesk; bike diagram studies
- Estimator model: jobs, ranges, times, the full-service rule; diagram zones
- Drop-off slots and the gated booking; booking sheet with summary
- Bikes band, workshop promises, map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript