Explicações Projeto de demonstração
Nota — boas notas são método, não sorte
Um site de modernismo de caderno para um centro de explicações em Coimbra: um montador de planos que devolve horário semanal e mensalidade em recibo mono, um quadro de contagem decrescente para os exames nacionais de 2027 e um mock interativo do boletim mensal que os pais recebem — com sublinhados de marcador, papel pautado e círculos de caneta vermelha.
feitura.pt/demo/nota — Ao vivo
Um centro de explicações em Coimbra vende aos pais e serve adolescentes: explicações em grupos pequenos e 1-para-1 a Matemática, Física e Química e Português, do 5.º ao 12.º ano, com uma máquina de época de exames para as provas nacionais. As inscrições viviam de chamadas de 40 minutos e horários em papel. O site tinha de fazer o trabalho da chamada — preços claros, um plano com horário e mensalidade fechada, prova de que os pais ficam informados — e ainda ser suficientemente elegante para nenhum aluno de quinze anos ter vergonha de lá andar.
O que está lá dentro
- Sistema de design de modernismo de caderno: fundos de papel pautado, sublinhados de marcador amarelo, azul-tinta e um acento de caneta vermelha — zero clipart infantil
- Montador de planos em quatro escolhas — ano de escolaridade, disciplinas adaptativas (FQ a partir do 7.º, preparação de exame só no 9.º/11.º/12.º), objetivo e formato
- Gerador determinístico de horário semanal que coloca as sessões de segunda a sábado sem conflitos, tracejando horas de escola e horários fechados
- Recibo mensal em tipografia mono com linhas por disciplina, tarifas de grupo vs 1-para-1, desconto de irmãos ao vivo e extra de intensivo de exame
- Fluxo de inscrição fictício que termina numa cronologia do que acontece a seguir: diagnóstico gratuito de 45 minutos, plano por escrito, primeira semana de experiência
- Quadro de contagem decrescente para as provas nacionais de 2027 — contadores de dias sensíveis à data atual, vagas de intensivo determinísticas, provas passadas marcadas como feitas
- Ligação cruzada num clique: «preparar esta prova» pré-preenche o montador com o ano, a disciplina e o objetivo certos
- Mock interativo do boletim mensal aos pais: sparklines de notas com círculo de caneta vermelha animado, pontos de presenças e a nota do explicador em tipo de anotação
- Copy bilingue PT/EN, estados de foco WCAG, movimento reduzido, alvos de toque de 44 px e FAQ em acordeão acessível por teclado
Registo de construção
- Direção de arte — tokens papel/tinta/marcador, estudos de linhas pautadas e notas de margem, círculo de caneta vermelha em SVG e a marca
- Passos do montador com regras adaptativas: disciplinas por ano, bloqueio da preparação de exame, exemplo da Maria num clique
- Motor determinístico de colocação no horário e o recibo mono — tarifas, desconto de irmãos, extra de intensivo, fluxo de inscrição
- Quadro de contagem para os exames: contadores sensíveis à data, vagas determinísticas e a ligação de pré-preenchimento para o montador
- Mock do boletim aos pais — sparklines de notas, círculo de caneta animado, pontos de presenças e copy honesto para três alunos
- Explicadores, faixa de resultados, testemunhos, FAQ, rodapé, recomposição tablet/desktop e revisão de acessibilidade
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
- TypeScript
Lighthouse
98
Performance
98
Accessibility
100
Best practices
100
SEO