Patamar
Explicações e salas de estudo
Pré-visualização do conceito · estilo: Verde-azeitona · pontos e degraus
01
O desafio
Projeto de website de uma página para um centro que dá explicações do Ensino Básico, do Secundário e do Superior e tem salas de estudo. Quem lá chega quer saber três coisas depressa: se o centro está aberto, se dá o nível de que precisa e como se fala com ele. A identidade vive de uma só cor, um verde-azeitona escuro sobre branco, com um amarelo que só aparece no ponto final dos títulos; o verde e o vermelho ficam guardados para dizer aberto e fechado.
02
O que fizemos
No topo, por cima de uma fotografia de ambiente, um cartão calcula o estado na hora de Portugal: "Aberto agora", a verde e com um ponto a pulsar, ou "Fechado agora", a vermelho, sempre com o que vem a seguir: quando fecha, quando reabre ou a que horas abre no dia seguinte. Por baixo corre uma faixa com o que o centro oferece. As explicações são uma escada de três degraus, Básico, Secundário e Superior, cada um com a sua fotografia e um, dois ou três pontos: ao escolher o nível e "individual" ou "em grupo", a mensagem escreve-se à vista, com os campos que falta preencher, e o botão abre o WhatsApp com ela pronta. Seguem-se as salas de estudo, as instalações em números que contam ao aparecer, o horário dia a dia com o dia de hoje assinalado e os contactos, com um mapa desenhado pelo próprio site.
03
O resultado
O site não tem formulários, não guarda dados de quem o visita e não carrega nada de fora: as letras, as fotografias e o mapa são servidos por ele. O horário escreve-se num único sítio e o cartão, a tabela, o rodapé e o estado acompanham; sem JavaScript, o cartão mostra só o horário. No telemóvel fica sempre à mão uma barra com Ligar e WhatsApp. Sem preços e sem fotografias de alunos.
Em destaque
Objetivo do conceito
Demonstrar como Patamar poderia ganhar vida — explicações e salas de estudo — com uma identidade verde-azeitona · pontos e degraus, do design ao desenvolvimento e sem recorrer a templates.











