Alfaiataria Demonstration project
Fio — tailor and alterations with a fixed-price ticket before you walk in
An ivory-and-oxblood site for an alterations workshop in Campo de Ourique: a garment × alteration price grid that builds a ticket, standard or 48-hour turnaround with a visible surcharge, a collection day, and a drop-off request. Made-to-measure explained as four dated visits. A measuring tape runs under the hero.
feitura.com/demo/fio — Live
Every neighbourhood has an alterations shop and none of them publishes prices. This one wants the price grid on the page, a ticket the customer builds themselves, and a promise that the counter never says a different number.
What's inside
- Six garments × six alterations with fixed prices; combinations that do not apply are greyed out, not hidden
- Ticket that accumulates pieces, with remove buttons, a standard/urgent switch (+40 % shown), a total and a collection day that depends on the work
- Drop-off request sheet carrying the ticket, a preferred time and a note; inline validation, front-end only
- Made-to-measure as four dated visits on an ink band; starting prices stated plainly
- Workshop promises (price before touching, delivered on the day or free), map and FAQ
- High-contrast serif italic display, a measuring-tape rule drawn in CSS, one oxblood accent on ivory — no photography
- Bilingual PT/EN, Escape-closable dialog, focus management, 44 px targets, reduced-motion aware
Build log
- Art direction — ivory, ink, oxblood, brass; high-contrast serif; measuring-tape rule
- Price grid model, ticket, urgency and collection-day rules
- Drop-off sheet; made-to-measure timeline; workshop and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript