Todos os trabalhos
UX/UI Design Front-end Setor Público

Primeira Infância - TCE-MG

Um portal institucional e um painel de indicadores para ajudar 853 municípios de Minas Gerais a transformar políticas públicas de primeira infância em ação.

G
Gradient Agência Digital
UX/UI Design & Front-end
Cliente TCE-MG
Setor Educação & Gestão Pública
Papel UX, UI & Front-end
Ferramentas Figma · HTML/CSS · JS
primeirainfancia.tce.mg.gov.br
Página inicial do portal Primeira Infância, com a headline 'Todos Juntos Pela Primeira Infância'

Print real do portal em produção — primeirainfancia.tce.mg.gov.br

Sobre o projeto

Traduzir uma política pública complexa em uma experiência simples

O portal primeirainfancia.tce.mg.gov.br é mantido pelo Tribunal de Contas do Estado de Minas Gerais (TCE-MG) como ponto central do Pacto Nacional pela Primeira Infância, instituído em 2019 "buscando a efetivação dos princípios da Proteção Integral e da Prioridade Absoluta para crianças de até 6 anos". Segundo o próprio tribunal, o TCE-MG "tem se destacado na atuação das ações voltadas para a primeira infância, tanto com ações de fiscalização junto aos seus jurisdicionados como de incentivo à aplicação de recursos nessas ações".

O site parte de um princípio simples, declarado logo na abertura da página: "a primeira infância, compreendida entre o nascimento e os seis anos de idade, é reconhecida pela ciência como a fase mais decisiva do ciclo vital." O desafio de design era à altura desse princípio - organizar seis frentes de conteúdo (Sobre Nós, Planejamento, Painel Prisma, ENAPI, Materiais e Normas e Legislação) de um jeito que gestores públicos, educadores e sociedade civil entendessem sem esforço.

Nosso papel foi desenhar a experiência completa do portal e do Painel Prisma - o painel de indicadores municipais citado pelo próprio TCE-MG em suas redes como responsável por "um retrato inédito sobre como os municípios mineiros têm cuidado de crianças de 0 a 6 anos" - além de construir a camada de front-end que dá vida a essas telas.

21/853
"apenas 21 dos 853 municípios mineiros têm alto desempenho em políticas públicas para a Primeira Infância" - o dado real do portal que guiou boa parte das decisões de design do Painel Prisma.
O desafio

Dados técnicos, público nem sempre técnico

Três problemas guiaram o processo de design do início ao fim.

01

Seis frentes, uma só porta

Sobre Nós, Planejamento, Painel Prisma, ENAPI, Materiais e Normas e Legislação precisavam conviver num só site sem parecer seis sites diferentes.

02

Dados difíceis de interpretar

Indicadores de orçamento e governança precisavam virar visualizações simples, sem perder rigor técnico.

03

Público diverso

Gestores municipais, educadores e sociedade civil precisavam da mesma informação em níveis diferentes de profundidade.

O processo

Da pesquisa ao design system

Etapa 1

Pesquisa & Diagnóstico

Mapeamento de conteúdo existente, entrevistas com a equipe técnica do TCE-MG e análise dos indicadores já coletados junto aos municípios.

Etapa 2

Arquitetura da Informação

Reorganização do conteúdo nas seis frentes reais do portal - Sobre Nós, Planejamento, Painel Prisma, ENAPI, Materiais e Normas e Legislação - com navegação consistente entre elas.

Etapa 3

UI & Design System

Criação de um sistema visual acolhedor, porém institucional - combinando cores vivas com hierarquia tipográfica sóbria para dados sensíveis.

A solução

Um sistema, várias telas

Do painel de indicadores ao catálogo de cursos, cada tela segue o mesmo sistema visual e a mesma lógica de navegação.

Impacto

Um único lugar para orientar 853 municípios

O portal e o Painel Prisma passaram a funcionar como referência central do Pacto Nacional pela Primeira Infância em Minas Gerais: um ponto de entrada único para legislação, formação, eventos como o ENAPI e diagnóstico municipal, onde antes existiam apenas canais dispersos.

Para os gestores municipais, o painel tornou visível - de forma simples e comparável - em que ponto cada cidade está na construção de sua política de primeira infância, e o que falta para avançar. Para o TCE-MG, a plataforma se tornou uma ferramenta viva de acompanhamento e articulação com a rede que sustenta o Pacto.

Logos dos apoiadores: TCE-MG, Instituto Rui Barbosa, Atricon, CNPTC, Escola de Contas, Asscontas, MPMG e Rede Primeira Infância MG
UX Design UI Design Design System Front-end Setor Público Painel Prisma Data Visualization Pacto Nacional Acessibilidade
Próximo

Ver todos os trabalhos