O briefing
Redesenhar o site do Pavilhão do Conhecimento e afastá-lo da lógica de painel de controlo e layout datado.
Projeto 09 / Website para Museu, Criativo e Educativo / 2026
Sobre o projeto
Do briefingao ar.
O Pavilhão do Conhecimento não tem uma identidade gráfica oficial totalmente definida, mas — pelas campanhas publicitárias, banners e até pelas paredes internas do edifício — já são bem conhecidas as suas cores vivas e chamativas, a tipografia monocromática, os SVGs e as formas geométricas. Então, porque não passar tudo isto para o site?
O objetivo
Uma homepage organizada, direcionada à captação de visitantes, intuitiva e dinâmica — onde é fácil encontrar conteúdo e que está repleta dos elementos gráficos tão característicos do Pavilhão.
A solução
Transmitir ao utilizador que "a visita começa aqui". A experiência do museu ganha vida logo no site: as cores, os grafismos e a criatividade do Pavilhão têm início no ecrã. Assim, quando os visitantes chegam ao espaço físico, conseguem reconhecer cada detalhe do universo digital espalhado pelos cantos e recantos do Pavilhão.
Paleta de cores
clica na cor para copiar o código
Fundos
Preto
Texto / Fundos
Grafite
Texto / Fundos
Snow
Destaque
Pink Pop
Destaque
Elétrico
Destaque
Lima
Destaque
Cítrico
AaDM Sans
800 / 400
800 / 400
Desafios
O Ladomenos fácil.
(e como resolvi)
o problema
Feito para Departamentos internos
A organização do site atual está pensada para a gestão dos departamentos internos, e não para o utilizador. É uma abordagem errada.
a solução
Reorganização e definição de Prioridades
Terminar com os nav-links infinitos no header — onde o primeiro destaque no "Visite-nos" é a cafetaria e nem sequer as exposições. Reorganizei toda a estrutura, limitei a navegação superior ao essencial e, na homepage, criei uma navegação por blocos focada na descoberta da oferta do Pavilhão, em vez do formato dashboard.
o problema
Casar as cores
As cores do Pavilhão são muito fortes e desafiantes de trabalhar na web. Combinar essas cores vibrantes com os grafismos e a tipografia monocromática criaria demasiados pontos de atração visual, sobrecarregando o utilizador — o que o impediria de se focar no essencial e o levaria a sair da página antes de explorar todo o conteúdo.
a solução
Respirar com espaço e dosar a cor
Para equilibrar a vivacidade das cores e a identidade gráfica marcante sem saturar a vista, a solução passou por dar "espaço para respirar" ao layout. Usei o fundo branco nas secções superiores para criar leveza e contraste limpo com a tipografia e os pequenos apontamentos a néon (rosa, amarelo e azul). À medida que se avança na página, a introdução de blocos escuros em fundo preto permite reter a atenção, criar ritmo visual e destacar cartões informativos bem delimitados. As fotografias foram integradas a preto e branco e em grelhas organizadas, garantindo que o conteúdo sobressai sem competir com a paleta de cores do Pavilhão.
o problema
Acomodar Múltiplos Públicos-Alvo
O Pavilhão não fala apenas para um tipo de pessoa. Projetar um site que fala para professores a marcar visitas escolares, pais que querem levar os filhos no fim de semana, e adultos/curiosos ao mesmo tempo foi desafiante.
a solução
Repartir informação
O site precisava de responder tanto a famílias como a escolas e professores. A solução foi dividir a homepage em blocos de intenção claros 1º "Exposiçoes" e "Agenda" para os visitantes mais familiares e curiosos, seguidos de "Aprender", "Espaços que inspiram" e "Visite-nos", guiando cada perfil de utilizador diretamente ao que procura.
Cartões de embarque
Fui eu.Não fui eu.
Cada projeto leva muita gente a bordo. Aqui fica claro quem pilotou o quê.
Foi comigo
Responsabilidade
Design de UI/UX & Prototipagem
Definição de cores, layout, estrutura narrativa, desenho e protótipo interativo
Piloto
Ângela
Responsabilidade
Criação de Assets Graficos
Criação, edição e aplicação de todos os elementos gráficos e imagens
Piloto
Ângela
Responsabilidade
Desenvolvimento Front-End
Construção da homepage em HTML, CSS, JS, GSAP e Bootstrap 5
Piloto
Ângela
Não foi comigo
Fora do meu âmbito
Mapeamento & Prioridades
Mapeamento do site atual e definição da ordem de informação da homepage
Piloto
Comunicação - Vanessa Lancha
Fora do meu âmbito
Textos e Conteúdos Finais
Redação e revisão final dos conteúdos escritos
Piloto
Comunicação - Vanessa Lancha
Vários Viewports
Atravessa
o projeto.
continua a fazer scroll ↓
A página, toda
Do topoao rodapé.
Scroll 0%
Chegamos
Gostaste
da ideia?
dá-me a tua opinião!