Fisioterapia Demonstration project
Eixo — physiotherapy clinic with a tappable body map and a real diary
A neutral-paper-and-olive site for a clinic in Aveiro: tap one of six areas on a drawn figure, say how long it has hurt, and read what a first assessment usually does for that area and how many sessions are typical — then pick a real slot and book. The first visit explained minute by minute, per-session prices, insurer agreements, and a clear line about when to go to A&E instead.
feitura.com/demo/eixo — Live
People with pain search at night and want two things before they book: what will you do to me, and how long will it take. The site answers both per body area, honestly labels them as averages, and puts the emergency line where it cannot be missed.
What's inside
- Tappable body map: six zones on a drawn figure, keyboard-operable, mirrored by chips; each zone has typical complaints, what the assessment does and a session range
- 'For how long' switch with a plain note per answer (recent, weeks, chronic)
- First-assessment slots across five days, free and taken states; the booking button only wakes with a zone and a slot
- Booking sheet carrying zone, duration and slot, with an insurer field; inline validation, front-end only
- First visit in three timed parts, per-session prices with no compulsory packs, insurer agreements, clinic in numbers, map, FAQ
- An emergency notice under the map, never hidden
- Humanist display (Optima/Candara stack), one olive action colour and apricot only for the selected zone — no photography; bilingual PT/EN, 44 px targets, reduced-motion aware
Build log
- Art direction — neutral paper, olive, apricot; humanist display; the figure
- Body map zones, keyboard handling, per-zone content and session ranges
- Duration switch, slots, gated booking and sheet
- First visit, prices and insurers, clinic and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript