Projectos
06

Intranet JFC

Portal interno · UI/UX · Desenvolvimento

O portal de trabalho de uma autarquia: serviços e formulários num só sítio, que funciona igual no edifício e em casa. Por ser interno, não tem ligação a partir daqui e as imagens estão esbatidas.

Contexto

A entidade

Uma junta de freguesia de Lisboa, com serviços administrativos, equipas no terreno e muitas ferramentas de trabalho acumuladas ao longo dos anos. Cada ferramenta tinha o seu endereço, e o endereço mudava consoante se estava no edifício ou fora dele.

O que se construiu

Uma página única, com a identidade verde da Junta, que junta os serviços internos e os formulários de recursos humanos em dois separadores, com pesquisa. Quem entra de fora passa primeiro por uma camada de acesso que pede o e-mail e envia um código de uso único. O portal percebe por onde se entrou e abre cada serviço no endereço que funciona a partir daí.

Serviços internos num só sítio
10
Formulários de recursos humanos
8
Endereços guardados em cada cartão de serviço
2

Contagem feita na versão em produção a 14 de Setembro de 2026. Nomes de serviços, descrições e endereços estão omitidos ou esbatidos.

Pormenores

Quatro partes do portal. Os nomes dos serviços ficam de fora de propósito.

01

O mesmo cartão, dois caminhos

Cada cartão guarda dois endereços para o mesmo serviço. Ao abrir, o portal vê como foi aberto: pelo endereço da rede do edifício ou pelo domínio público protegido. A partir daí escolhe o endereço de cada cartão, e um selo no cabeçalho diz em que modo se está.

Assim acabam os atalhos que funcionam no escritório e deixam de abrir em casa. Um serviço sem versão externa aparece esbatido e desactivado, em vez de dar erro.

  • No edifício, na rede da JuntaRede internaO cartão abre o serviço directamente, pelo endereço interno.
  • Em casa ou no terrenoAcesso externoPrimeiro o e-mail e o código de uso único; depois o cartão abre o endereço público do mesmo serviço.
02

Serviços em cartões iguais

Todos os serviços têm o mesmo cartão: nome, uma linha a dizer para que serve, uma etiqueta e um botão. O verde e a barra lateral seguem as cores do site público da Junta, para que o portal seja reconhecido como da casa.

Nomes, descrições e etiquetas estão esbatidos nesta imagem, para não expor os sistemas internos da organização.

Portal Interno em computador: cabeçalho verde com o logótipo da Junta, selo Rede interna e campo de pesquisa; separadores Serviços com 10 e Formulários com 8; grelha de cartões brancos com o texto esbatido.
O portal num telemóvel: pesquisa por baixo do cabeçalho, separadores empilhados e cartões numa só coluna, com o texto esbatido.
03

Formulários à distância de uma palavra

Os pedidos de recursos humanos, como férias, horas extra, ausências ou material, têm um separador próprio, em azul, para não se confundirem com os serviços. A pesquisa procura nos dois separadores ao mesmo tempo. Se o separador aberto ficar vazio e houver resultados no outro, o portal muda de separador sozinho.

Separador Formulários aberto: oito cartões com barra azul e botão Preencher, entre eles Marcação de Férias, Autorização de Horas Extra e Pedido ausência ao serviço; as descrições estão esbatidas.
Pesquisa pela palavra férias: o contador de Serviços passa a 0, o de Formulários a 1, e fica só o cartão Marcação de Férias.
04

Uma página estática à frente de tudo

O portal é uma página HTML sem base de dados nem contas próprias. A autenticação fica na camada de acesso, à frente do portal, e cada serviço mantém as suas regras. Acrescentar um serviço é acrescentar um cartão com os seus dois endereços.

Pontos fortes

  1. Um endereço para decorar. Os serviços e os formulários estão todos no mesmo sítio.
  2. Funciona onde se estiver. Os cartões abrem o endereço certo para a rede de onde se entra.
  3. Acesso de fora protegido. Pede-se um código de uso único antes de o portal carregar.
  4. Simples de manter. Uma página estática: um serviço novo é um cartão novo.

Implementação

Base
HTML, CSS e JavaScript, com a paleta do site público
Rede
Endereço interno e externo em cada cartão, escolhido ao abrir
Acesso externo
Camada de acesso com código de uso único enviado por e-mail
Alojamento
Servidor próprio da organização

Resultado

Dezoito atalhos de trabalho num só portal, que abre o caminho certo tanto no edifício como em casa.

WhatsApp