Escola de línguas Demonstration project
Sotaque — Portuguese school with a two-minute level test
A paper-and-sunflower site for a European-Portuguese school in Arroios: six questions place a newcomer at A1–B2, the matching courses light up with dates, seats and prices, and enrolment takes one sheet. A marquee of cognates makes the point of the method before a word is explained.
feitura.com/demo/sotaque — Live
A language school for people who have just moved to Lisbon competes with apps and with fear. The site must remove the first obstacle — 'what level am I?' — in two minutes, make the next course obvious, and speak to a foreign audience in English first while keeping Portuguese as the material.
What's inside
- Six-question placement test with a progress bar; the result explains the level and highlights matching courses
- Four courses with level chips, start dates, schedule, format, weeks, price and seat states (low, full → waiting list)
- Enrolment sheet carrying the course and the tested level, with a first-language field and inline validation — front-end only
- Cognate marquee under the hero — the method shown, not described; paused under reduced motion
- Method, teachers, school with simplified map, FAQ that answers the residency-certificate question honestly
- Heavy display sans with a sunflower underline, a hard-shadow test card, one school-green accent — no photography
- English-first with a PT toggle, Escape-closable dialog, focus management, 44 px targets
Build log
- Art direction — warm paper, ink, school green, sunflower; the tilde as the mark
- Placement test: questions, scoring rule, result copy per level
- Courses with level matching, seats and enrolment sheet
- Cognate marquee, method, teachers, school and map
- FAQ, bilingual copy pass, keyboard and 375px checks
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript