Projectos
01

Junta de Freguesia de Carnide

Site institucional · Web design · Desenvolvimento

Página inicial do portal da Junta de Freguesia de Carnide, com a barra de contactos no topo, o menu de secções e uma fotografia do edifício da Junta.

O portal da autarquia, refeito de raiz. Parte do conteúdo veio do site antigo, mas os directórios de comércio e de associações, a aplicação instalável e o mini-site da Feira da Luz são trabalho novo.

Visitar o site

Contexto

A entidade

A Junta de Freguesia de Carnide é a autarquia de uma freguesia de Lisboa. Para muitos moradores é o primeiro sítio onde procuram informação oficial: horários de atendimento, editais, concursos, apoios e actividades.

O que é novo

Do site anterior, em WordPress, recuperou-se parte do conteúdo através do Wayback Machine e do Arquivo.pt. O resto é trabalho novo. Os directórios de comércio local e de associações não existiam, e secções como Documentação e Transparência foram reformuladas a fundo, com outra organização e outro desenho, sem perder o carácter institucional.

Estabelecimentos no directório de comércio
209
Associações no directório associativo
66
Páginas no portal
+40

Contagens feitas no site em produção a 13 de Setembro de 2026.

Pormenores

Sete partes do portal, cada uma com a decisão que a explica.

01

A página inicial

O essencial do atendimento (telefone, horário e contactos) fica na barra de cima, antes de tudo o resto. Por baixo do hero, uma faixa de três destaques acompanha a época: agora o comércio local, a Feira da Luz e as inscrições nos serviços educativos.

Primeiro ecrã da página inicial: barra verde com telefone e horário, logótipo da Junta, botão Balcão Virtual, menu de secções e hero com o título Portal oficial da Junta de Freguesia de Carnide.
Faixa de três destaques em verde, roxo e amarelo: Comércio Local em Carnide, Feira da Luz 2026 e Serviços Educativos 2026/27.
02

Comércio local, no site e no bolso

209 estabelecimentos com pesquisa em tempo real e filtros por sector. Cada ficha tem morada, telefone, horário e ligação ao mapa.

A mesma lista existe como aplicação instalável no telemóvel, alimentada pelo mesmo ficheiro de dados, com um formulário para os comerciantes pedirem uma adição ou correcção, com fotografia.

Directório de comércio em desktop: campo de pesquisa, filtros por sector em pastilhas coloridas e grelha de fichas com fotografia, morada, telefone e horário.
Aplicação do directório de comércio num telemóvel: pesquisa, filtros deslizantes, contador de 209 estabelecimentos, ficha com botões Ligar e Mapa, e barra de separadores em baixo.
03

Movimento associativo

66 associações num directório com pesquisa e filtros por área: ambiente, desporto, cultura, solidariedade social e outras. Cada ficha junta logótipo, contactos, descrição e ligação para o site da associação.

No telemóvel os filtros quebram em linhas e as fichas passam a uma só coluna, sem perder nenhum campo.

Directório de associações em desktop: separadores Apoio ao Associativismo e Associações de Carnide, pesquisa, contador de 66 associações, filtros por área e fichas com logótipo e contactos.
O mesmo directório num telemóvel, com os filtros em várias linhas e as fichas numa coluna.
04

Feira da Luz, um mini-site dentro do site

A feira mais emblemática da freguesia tem uma página com personalidade própria, mais festiva, construída sobre a paleta do logótipo de Carnide. O cartaz de concertos foi revelado artista a artista e o programa mostra o que acontece em cada dia.

Hero da página da Feira da Luz 2026, em roxo e laranja, com o título, a data e os botões Ver os vídeos da Feira e Horários PDF.
Secção O Cartaz Está Completo: palco iluminado com o artista em destaque e, por baixo, a fila de miniaturas dos restantes concertos.
Secção Todos os Dias Têm Luz: programa cultural para descarregar e uma fila de dias para escolher o que acontece em cada data.
05

Editais e concursos

Os documentos oficiais estão arrumados por categoria, em blocos que abrem e fecham, com a data e o estado de cada publicação. Os procedimentos concursais têm fichas próprias, com o prazo de candidatura e a fase em que estão.

Editais por categoria: blocos expansíveis com regulamentos, consultas públicas e procedimentos administrativos, cada linha com data e estado.
Procedimentos a decorrer: três fichas de recrutamento com fotografia, estado Em avaliação e a data em que as candidaturas encerraram.
06

Pesquisa em todo o portal

Uma pesquisa interna percorre as páginas do portal e destaca o termo procurado em cada resultado. O índice é gerado de novo a cada publicação, por isso as páginas novas entram sem trabalho manual.

Resultados da pesquisa pela palavra feira: lista de páginas com título, endereço e excerto com o termo destacado a amarelo.
07

Animações de Verão

Galerias por turno, ordenadas por tema e com visualização ampliada, para as famílias reverem as actividades das férias.

As fotografias estão esbatidas de propósito. Mostram crianças, e as autorizações foram dadas para o site da Junta, não para este portfólio.

Galeria Momentos do Turno A, com fotografias em moldura polaroid, esbatidas nesta imagem para proteger as crianças retratadas.

Pontos fortes

  1. Informação oficial à mão. Editais, concursos e contactos ficam a um clique da página inicial, e o atendimento está visível no topo de todas as páginas.
  2. Directórios vivos. Comércio e associações têm pesquisa e filtros e são alimentados por ficheiros de dados; as associações vêm de uma folha de cálculo.
  3. Uma aplicação sem loja. O directório de comércio instala-se no ecrã do telemóvel como aplicação web.
  4. Partilhas cuidadas. As páginas com hero têm imagem de partilha própria, composta automaticamente com a fotografia e o título.

Implementação

Base
HTML, CSS e JavaScript, sem framework nem CMS
Conteúdos
Notícias num Ghost auto-alojado; directórios em ficheiros JSON
Publicação
Script de deploy com optimização de imagens, índice de pesquisa e sitemap
Alojamento
Servidor próprio, servido através da Cloudflare

Medido em produção

Depois de optimizar as imagens, alojar as fontes no próprio servidor e adiar os scripts de terceiros para depois de a página estar desenhada, a página inicial passou a pesar 771 KB no telemóvel. Antes pesava 3,5 MB.

Desempenho em telemóvel, mediana de 5 medições
85
Desempenho em computador
99
Acessibilidade, boas práticas e SEO
100

Lighthouse 12.8.2 na página inicial, a 14 de Setembro de 2026. No telemóvel as cinco medições deram entre 63 e 87 e o LCP mediano foi de 4,1 s; em computador, as três deram 99.

Resultado

Um portal com mais de 40 páginas, onde o pouco que veio do arquivo convive com secções criadas de raiz e com dois directórios que crescem sem mexer no desenho.

Visitar jf-carnide.pt

Versão para telemóvel

WhatsApp