UX/UI Web Design Investigação 2026

Barquinha Parque

Website para o parque ribeirinho premiado de Vila Nova da Barquinha. Um projeto grande, pensado para ser vendido à câmara. Ainda em fase de investigação: cores, tipografia, mapa do site e UX.

PapelUX/UI Designer
FerramentasFigma
EstadoEm investigação
TipoWebsite Institucional

O Barquinha Parque é um parque ribeirinho premiado em Vila Nova da Barquinha — 7 hectares de natureza, escultura contemporânea e lazer à beira do Rio Tejo, com entrada livre. A ambição é criar uma presença digital de raiz e vendê-la à câmara municipal. Por agora, o trabalho é de investigação: estudar as cores certas, a tipografia, o mapa do site e toda a experiência de utilizador antes de tocar em código.

Premiado em 2007. Sem website à altura.

O Barquinha Parque ganhou o Prémio Nacional de Arquitetura Paisagista em 2007 e tem mais de 50 obras de escultura contemporânea ao ar livre. Entrada livre, todos os dias. É um dos espaços mais completos da região centro de Portugal e a sua presença digital não reflete isso. É o problema a resolver.

7 haÁrea verde
700+Árvores
50+Obras de escultura
2007Prémio Nacional

Quem visita o site e o que procura.

Antes de qualquer ecrã, é preciso perceber quem usa o site e o que procura. O Barquinha Parque tem um público variado — e o site tem de servir todos sem parecer que não serve nenhum. Três perfis principais identificados nesta fase:

F

Família em visita

Local ou região · fim de semana

"O que tem para as crianças? Posso almoçar lá? A entrada é paga?"

Precisa de: horários, parque infantil, restauração, mapa do parque, como chegar. Provavelmente em mobile, de caminho para lá.
T

Turista nacional ou estrangeiro

Passa pela região · curiosidade cultural

"What is this park? Is it worth stopping? Is it near Almourol Castle?"

Precisa de: contexto do parque, escultura, prémios, localização, versão inglesa. Pesquisa no Google antes de decidir se para.
E

Entidade / imprensa

Câmara · jornalistas · parceiros

"Que prémios tem? Qual a capacidade? Como contactar para eventos?"

Precisa de: credibilidade, dados, contactos, história institucional. Em desktop, com tempo para ler.

Questões de UX ainda em aberto

Homepage: eventos ou parque?

O hero destaca a agenda de eventos ou as zonas do parque? Quem chega de fora quer contexto; quem é local já sabe o que é e quer a agenda.

Mobile first obrigatório

A maioria das visitas ao site vai acontecer em trânsito — no carro ou a pé. O design tem de funcionar a partir do telemóvel, não adaptado dele.

Profundidade de navegação

Quantos níveis de menu? Dropdown com subcategorias ou navegação flat? O parque tem muita informação mas o menu não pode parecer um portal.

Bilingue PT / EN

A proximidade ao Castelo de Almourol traz turistas internacionais. O toggle de idioma tem de ser imediato, sem recarregar a página.

O que precisa de existir e como se organiza.

A primeira pergunta não é "como fica o design" — é "o que é que o site precisa de ter". O mapa abaixo é o rascunho atual da arquitetura: ainda em discussão, especialmente a profundidade do menu e o que vai no footer vs. navegação principal.

Homepage
  • Visitar
    • Parques & Lazer — 9 zonas
    • Cafés & Restaurantes
    • Como Chegar
    • Acessibilidade
    • Mapa Interativo (a estudar)
  • Descobrir
    • História do Parque
    • Escultura Almourol — 50+ obras
    • Monumentos (a estudar)
  • Agenda
    • Eventos e Festividades
    • Festividades da Cidade
  • Notícias
  • Contacto
  • Legal (footer)
    • Privacidade
    • Acessibilidade

Dúvida em aberto

A "Escultura Almourol" deve ser uma subsecção de Descobrir ou merece uma página de nível superior? Com 50+ obras, pode justificar mais destaque — e pode ser um argumento de venda para turistas culturais.

Natureza, água e distinção. Sem cair no clichê do verde.

O risco óbvio num website de parque é usar demasiado verde e parecer uma loja de jardinagem. A decisão foi usar o azul do Rio Tejo como cor primária — dá identidade geográfica única ao projeto e diferencia de outros parques. O verde entra como acento, não como base. O dourado é reservado para prémios e momentos de destaque histórico.

Paleta em estudo

Fundo #F2F5F2 Off-white com toque verde; evita branco puro
Azul Tejo #5899B4 Cor primária · identidade do rio
Azul Escuro #2A5A72 CTAs · headers · credibilidade
Verde Parque #7DB87F Acento de natureza; nunca cor principal
Dourado #C9A84C Prémio 2007 · destaques históricos
Texto #1A2A22 Verde-escuro quase preto; mais quente que #000

Decisões de cor ainda em discussão

Verde como primário ou acento?

O verde comunica natureza imediatamente, mas tornar o azul a cor dominante dá identidade única ao Tejo. Verde como acento parece mais diferenciador — mas ainda não está decidido.

Fundo: off-white ou branco puro?

O #F2F5F2 tem um toque verde quase imperceptível que evoca natureza sem ser óbvio. Branco puro seria mais limpo mas menos identitário. Ainda a testar com os mockups.

Dourado: quanto usar?

O dourado funciona para o prémio de 2007 e para destacar informações históricas. O risco é usar demasiado e parecer uma marca de luxo. Deve ficar reservado para momentos pontuais.

Modo escuro?

Um parque com eventos noturnos e concertos pode beneficiar de um tema escuro. Mas aumenta a complexidade de desenvolvimento. A decidir depois dos wireframes.

Natureza ou credibilidade? Provavelmente os dois.

A tipografia tem de equilibrar dois mundos: a leveza e proximidade de um parque familiar e a credibilidade de um espaço cultural premiado. Fontes demasiado redondas parecem infantis; demasiado sérias perdem calor. Candidatos em avaliação:

Plus Jakarta Sans

Candidato A

Já usada no portfolio pessoal e no protótipo TESP. Versátil, moderna, excelente legibilidade em todos os tamanhos. Desvantagem: não tem personalidade muito distinta — pode parecer genérica para um espaço com tanto caráter.

Segura e legível

Fraunces

Candidato B

Serif display com personalidade literária e histórica. Funcionaria bem nos títulos grandes (hero, secções de história). Evoca cultura, natureza, tradição. Precisaria de uma fonte sans-serif para o corpo.

Caráter e tradição

Nunito

Candidato C

Muito amigável e redonda. Boa para um parque familiar. Risco de parecer demasiado leve para a componente cultural e histórica do espaço. Pode funcionar combinada com algo mais sério nos títulos.

Familiar e próxima

Hipótese de trabalho atual

Sistema de duas fontes: uma display com caráter (possivelmente Fraunces ou similar) para títulos de secção e hero, e uma sans-serif limpa para corpo, navegação e metadados. A decisão final vai ser tomada nos primeiros wireframes de alta fidelidade.

O projeto vai crescer aqui, fase a fase.

À medida que as decisões forem tomadas, este case study vai ser atualizado. O objetivo final é ter um produto sólido o suficiente para apresentar à câmara municipal como proposta comercial.

1

Investigação — agora

Cores, tipografia, mapa do site, utilizadores e fluxos. Tudo documentado antes de abrir o Figma.

2

Wireframes

Estrutura de cada página em baixa fidelidade. Layout, hierarquia, posicionamento dos elementos principais.

3

Protótipo em Figma

Design visual completo, interações e fluxos. Com conteúdo real do parque sempre que possível.

4

Testes de utilizador

Validar os fluxos principais com utilizadores reais antes de construir.

5

Proposta à câmara

Apresentar o protótipo validado à câmara municipal de Vila Nova da Barquinha como proposta comercial.