Escola de condução Projeto de demonstração
Escola Farol — site simpático de escola de condução com marcação de aulas
Um site inspirado na sinalética rodoviária para uma escola de condução em Monte Abraão: cartões de preços em forma de sinal por categoria de carta, marcação de aulas funcional (código ou condução → dia → horário), uma linha do processo honesta em vez de taxas de aprovação inventadas, e interface bilingue PT/EN.
feitura.pt/demo/escola-farol — Ao vivo
Temos uma pequena escola de condução em Monte Abraão e a maioria dos alunos encontra-nos pelo telemóvel. Queremos um site tão simpático como a nossa sala de aulas: preços claros para as categorias B, A2 e AM, uma forma simples de marcar aula de código ou condução online, e zero '98% de aprovação' inventados — só uma explicação honesta de como se tira mesmo a carta. Alguns alunos são residentes estrangeiros, por isso deve ler-se igualmente bem em inglês.
O que está lá dentro
- Marcação de aulas funcional: código ou condução → dia da semana → horário → contacto, com horários que se adaptam ao tipo de aula e aos sábados
- Cartões de preços em forma de sinal para as categorias B, A2 e AM — círculo azul de obrigação, anel vermelho e triângulo de perigo
- Alternador pagamento único / 3 prestações sem juros que recalcula todos os preços
- Linha 'o processo' em seis etapas desenhada como uma estrada com linha descontínua, da inscrição à carta
- Bloco de honestidade 'sem taxas de aprovação inventadas' — um sinal de 98% cortado em vez de estatísticas falsas
- Perfis dos instrutores com número de certificado IMT e avatares de iniciais, sem fotos de banco
- Acordeão de FAQ navegável por teclado sobre duração, custo total, prestações e repetição de exame
- Dicionário bilingue PT/EN completo com alternador na navegação do site
- Ilustração hero do farol ao fundo da estrada desenhada inteiramente em SVG inline
Registo de construção
- Sistema de design a partir da sinalética rodoviária: paleta azul-céu + vermelho de sinal, etiquetas tipo matrícula em mono, auditoria de contraste
- Hero com a cena SVG do farol e da estrada, estrutura do dicionário bilingue e alternador PT/EN ligado a toda a página
- Cartões de preços em forma de sinal para B/A2/AM com o alternador de prestações, mais a linha do processo em seis etapas sobre a estrada
- Marcação de aulas em quatro passos com horários sensíveis ao tipo de aula, validação e confirmação de demonstração; instrutores e acordeão de FAQ
- Recomposição responsiva a 768/1100px, estados de foco, aria em todos os controlos, passagem de reduced-motion e QA final num telemóvel real
Stack
- Laravel
- Inertia.js
- Vue.js
- TypeScript
- Tailwind CSS
Lighthouse
90
Performance
100
Accessibility
100
Best practices
100
SEO