Passeios de barco Demonstration project
Proa — boat tours with real seats and the morning's sea state
A foam-and-coral site for dolphin, coast and sunset tours out of Setúbal: three tours with drawn art, a planner that shows seven days with sea state, departures with seats left, adult/child steppers capped by availability, a running total and a reservation sheet. Dolphins surface in the hero waves.
feitura.com/demo/proa — Live
A small operator on the Sado loses bookings to platforms that hide the boat, the seats and the weather. The site has to show all three — what is left on each departure, what the sea is doing, what a family will pay — and be honest that the animals decide.
What's inside
- Seven-day planner with a sea-state dot per day (calm, light chop, moderate) and a plain-language note for each
- Departures per tour and day with real seats left, low-availability and full states
- Adult and child steppers that cannot exceed the seats left; children under four free; live total in a summary panel
- Reservation sheet carrying tour, day, time, people and total; inline validation, front-end only
- Three tour cards lifted over the hero waves, each with its own drawn art and sights list
- Animated waves and surfacing dolphin fins in the hero, stilled under reduced motion
- English-first with a PT toggle, Escape-closable dialog, focus management, 44 px targets, no photography
Build log
- Art direction — foam, estuary ink, buoy coral, sand; wave and fin studies
- Tour data, availability model per day and departure, sea-state notes
- Planner: tour segment, day strip, departures, capped steppers, summary
- Reservation sheet; the boat, rules, departure point and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript