SEPLAG — Portal de Gestão e Transparência Institucional (PB)
visão geral
Projeto digital desenvolvido no ecossistema do Governo da Paraíba, com apoio do LAVID/CI-UFPB — laboratório acadêmico reconhecido por P&D em software e soluções multimídia. O produto se alinha às diretrizes estaduais de transformação digital e ampliação de serviços digitais, coordenadas por SEPLAG/CODATA, e dialoga com os princípios de transparência pública do Estado (portal Transparência PB).
Status: produto finalizado e aprovado; lançamento previsto para 2026.
Duração: 12 meses de projeto.
Time de design: 2 web designers (atuando em co-criação).
Meu papel: web designer — prototipação de telas, linguagem visual, grid/escala tipográfica, componentes reutilizáveis e handoff.
Objetivos do produto
Consolidar informações institucionais e painéis de acompanhamento para gestão pública.
Dar visibilidade a dados e indicadores aderentes às políticas de transparência do Estado.
Padronizar a experiência com componentes reutilizáveis e acessíveis, sustentando a expansão de serviços digitais.
Apoiar a governança de órgãos e programas com trilhas claras de navegação e reuso de padrões.
(Alinhado às frentes estaduais de governo digital e modernização de serviços.)
escopo
Módulos institucionais: áreas de órgãos, programas e iniciativas com estruturas padronizadas de conteúdo.
Painéis e indicadores: visão de acompanhamento de métricas e resultados (conteúdo exemplificativo).
Camada de transparência: atalhos a Transparência PB e conteúdos de acesso à informação (contexto público).
Navegação e busca: localização rápida de seções/relatórios.
Design system aplicado: tokens, tipografia, espaçamentos, estados e componentes para garantir consistência e manutenção.
Diretrizes de design
- Acessibilidade e leitura: contraste adequado, hierarquias claras e foco em escaneabilidade (cards, títulos, subtítulos e sumários).
- Consistência: grid responsivo, componentes reutilizáveis, padrões de ícones/estados e mensagens de feedback.
- Performance percebida: layouts limpos, cargas progressivas onde aplicável, e conteúdos priorizados por relevância.
- Escalabilidade: estruturas e nomenclaturas pensadas para novos módulos/órgãos.
meu papel
Prototipação de interfaces (alta fidelidade) e especificação visual.
Definição de componentes base (botões, inputs, cartões, tabelas, filtros, “empty states”).
Microcopy e estados de acompanhamento (sucesso, carregando, sem dados).
Handoff para desenvolvimento com documentação visual (tokens, estilos, assets).
Revisões de consistência e QA visual.
Próximos passos (pós-lançamento)
Monitorar uso (métricas de acesso, buscas, cliques em painéis).
Aprimorar acessibilidade (testes com leitores de tela, navegação por teclado, legendas/descrições).
Evoluir módulos com base em demandas de órgãos/usuários e nas prioridades da agenda de governo digital.
mockups
Para preservar informações sensíveis e respeitar o contrato, esta página exibe somente uns poucos exemplos de telas selecionados do produto.
