Portefólio
Projeto conceptual2026

Patamar

Explicações e salas de estudo

ServiçosEmpresas
Paleta
Explorar projeto
patamar-estudos.pt
Patamar

Pré-visualização do conceito · estilo: Verde-azeitona · pontos e degraus

01

Visão geral

Categoria

ServiçosEmpresas

Setor

Explicações e salas de estudo

Tipo

Projeto conceptual

Complexidade

Médio

Ano

2026

Estilo visual

Verde-azeitona · pontos e degraus

02

O desafio & a solução

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

Explicações · salas de estudo
Setor
Aberto · Fechado, na hora
Estado
Nível → WhatsApp
Pedido
03

Funcionalidades

  • Aberto ou fechado na hora, a verde ou a vermelho
  • Três níveis em escada, com fotografia
  • Mensagem de WhatsApp escrita ao escolher o nível
  • Horário dia a dia com o dia de hoje assinalado
  • Faixa em movimento e números a contar
  • Barra fixa Ligar · WhatsApp no telemóvel
04

Design responsivo

Pensado para funcionar bem em qualquer ecrã — do computador ao telemóvel.

patamar-estudos.pt
Patamar — computador
Patamar — telemóvel
05

Tecnologia & função

Tecnologia

Next.js 16TypeScriptTailwind

O que fiz

  • Design
  • Identidade
  • Frontend
06

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.

Continue a explorar

Escolha outro projeto

WhatsAppPedir orçamento