Escola de línguas Projeto de demonstração
Sotaque — escola de português com um teste de nível de dois minutos
Um site papel-e-girassol para uma escola de português europeu em Arroios: seis perguntas colocam quem chega entre A1 e B2, os cursos certos acendem-se com datas, lugares e preços, e a inscrição cabe numa folha. Uma faixa de cognatos explica o método antes de qualquer palavra.
Uma escola de línguas para quem acabou de chegar a Lisboa compete com apps e com o medo. O site tem de tirar o primeiro obstáculo — 'que nível tenho?' — em dois minutos, tornar o próximo curso óbvio, e falar a um público estrangeiro primeiro em inglês, mantendo o português como matéria.
O que está lá dentro
- Teste de nível de seis perguntas com barra de progresso; o resultado explica o nível e destaca os cursos certos
- Quatro cursos com etiquetas de nível, datas de início, horário, formato, semanas, preço e estados de lugares (poucos, cheio → lista de espera)
- Folha de inscrição que leva o curso e o nível testado, com campo de primeira língua e validação inline — só front-end
- Faixa de cognatos sob o hero — o método mostrado, não descrito; parada com movimento reduzido
- Método, professores, escola com mapa simplificado, FAQ que responde com honestidade à pergunta do certificado para residência
- Display sans pesado com sublinhado girassol, cartão de teste com sombra dura, um único acento verde-escola — sem fotografia
- Inglês primeiro com alternância PT, diálogo fechável com Escape, gestão de foco, alvos de 44 px
Registo de construção
- Direção de arte — papel quente, tinta, verde-escola, girassol; o til como marca
- Teste de nível: perguntas, regra de pontuação, texto de resultado por nível
- Cursos com correspondência de nível, lugares e folha de inscrição
- Faixa de cognatos, método, professores, escola e mapa
- FAQ, revisão do texto bilingue, verificações de teclado e a 375px
Stack
- Laravel
- Vue.js
- Inertia
- TypeScript
