Ateneu
Colégio internacional · conceito
- Ano
- 2026
- Sector
- Educação
- Serviços
- Identidade, Web
- Plataformas
- Web
- Stack
- Next.js 16 · React 19 · Tailwind 4 · Fraunces · Inter
Sete secções em duas línguas e dois sistemas visuais completos, escolhidos pelo URL e desenhados no servidor.
O desafio
Os sites de escolas carregam uma década de páginas acumuladas e perdem a única coisa que um pai procura: uma razão para confiar o filho àquele lugar. A pergunta era como se deve apresentar online uma escola com uma longa história e um currículo internacional.
A nossa abordagem
Dois estilos coordenados sobre um só conjunto de componentes. O Heritage assenta azul marinho profundo em creme quente com um único acento dourado, Fraunces nos títulos e Inter na leitura. O Spectrum reconstrói as mesmas páginas em branco com quatro cores de acento, divisórias em onda e apelos à acção em gradiente. Um mega menu, uma faixa deslizante de acreditações, um percurso de admissão em quatro passos e um formulário de contacto levam o conteúdo.
A construção
Next.js com o App Router, conteúdo tipado em TypeScript em duas línguas e o estilo escolhido por pedido na camada de proxy para que cada tema seja desenhado no servidor sem piscar. Revelações em scroll, uma faixa deslizante que pára ao passar o rato e respeito pela preferência de menos movimento em todo o lado.
O resultado
Um protótipo que deixa uma escola ver as duas direcções ao vivo antes de escolher uma.
Conceito de iniciativa própria. Sem afiliação a qualquer escola.