UX/UI Design • Acessibilidade • Gov Tech

Tornando dados públicos acessíveis para fiscalização cidadã efetiva

Objetivo: Redesign completo do portal de transparência para democratizar o acesso à informação pública

100% Responsivo

WCAG Acessibilidade

Mobile-First Abordagem

Ver o processo

Meu Impacto

Redesign completo da arquitetura de informação para facilitar acesso aos dados
Implementação de design responsivo, garantindo acesso universal via qualquer dispositivo
Conformidade com diretrizes WCAG de acessibilidade, democratizando o acesso
Redução significativa no tempo de busca por informações específicas
Interface moderna e intuitiva que fortalece o exercício da cidadania

O Desafio: Democratizar o Acesso à Informação Pública

O TRANSPARÊNCIABRASIL, embora tivesse alcance considerável em território nacional, apresentava barreiras significativas que impediam o exercício pleno do direito à informação garantido pela Lei de Acesso à Informação (LAI).

Objetivo Principal

Redesenhar completamente a arquitetura de informação e interface do portal para tornar dados públicos verdadeiramente acessíveis a todos os cidadãos, independentemente de suas habilidades técnicas ou dispositivo utilizado.

Principais Problemas Identificados

Menu extenso que não cabia na tela, exigindo barra de rolagem lateral
Textos importantes apresentados como imagens, prejudicando acessibilidade e SEO
Design visual desatualizado e pouco atrativo, transmitindo falta de credibilidade
Ausência total de responsividade, impossibilitando acesso via dispositivos móveis
Navegação confusa e não intuitiva, dificultando localização de informações
Falta de hierarquia visual clara, gerando sobrecarga cognitiva

Meu Processo: Da Análise à Solução

Adotei uma abordagem centrada no usuário e fundamentada em princípios de acessibilidade e usabilidade, garantindo que a solução atendesse às necessidades reais dos cidadãos ao buscar informações públicas.

Benchmarking

Analisei portais de transparência de referência nacional e internacional para identificar melhores práticas de organização e apresentação de dados públicos.

Pesquisa com Usuário

Conduzi pesquisa para entender as necessidades, expectativas e dificuldades dos cidadãos ao buscar informações de transparência pública.

Arquitetura de Informação

Reestruturei completamente a organização do conteúdo, priorizando clareza, hierarquia lógica e facilidade de navegação.

UI Design

Desenvolvi interface moderna e acessível, seguindo diretrizes WCAG 2.1 e princípios de design inclusivo e responsivo.

Prototipagem

Construí protótipo responsivo de alta fidelidade no Figma, validando fluxos de navegação e interações em diferentes dispositivos.

Testes de Usabilidade

Realizei testes com usuários reais para validar a eficácia das soluções propostas e identificar pontos de melhoria.

Contexto: Análise da Interface Antiga

A versão anterior do TRANSPARÊNCIABRASIL apresentava diversos problemas críticos de usabilidade e acessibilidade que precisavam ser resolvidos para cumprir efetivamente seu papel de democratização da informação pública.

O menu lateral extenso, textos como imagens e ausência de responsividade eram apenas alguns dos obstáculos que impediam o acesso universal aos dados.

Tela inicial do antigo TRANSPARÊNCIABRASIL — **Antes:** Interface antiga com menu extenso, design desatualizado e falta de responsividade

Evolução do Design: Do Conceito à Implementação

O processo de redesign passou por diversas iterações, desde os primeiros esboços até a versão final responsiva e acessível, sempre validando as decisões com base em princípios de usabilidade e feedback de usuários.

Primeiro design do TRANSPARÊNCIABRASIL — Primeiro design: explorando nova estrutura de navegação e hierarquia visual

Layout ajustado do TRANSPARÊNCIABRASIL — Layout ajustado: refinamento da estrutura e otimização da apresentação de dados

Versão mobile do TRANSPARÊNCIABRASIL — Versão mobile: interface totalmente responsiva adaptada para dispositivos móveis

Página de resultado de pesquisa do TRANSPARÊNCIABRASIL — Resultado de pesquisa: apresentação clara e organizada dos dados encontrados

Soluções de Design: Acessibilidade e Clareza

O redesign focou em três pilares fundamentais para tornar a informação pública verdadeiramente acessível: responsividade, acessibilidade e arquitetura de informação clara.

Design Responsivo

Interface totalmente adaptável a qualquer dispositivo (desktop, tablet, mobile), garantindo acesso universal aos dados públicos independentemente do dispositivo utilizado.

Acessibilidade WCAG

Conformidade com diretrizes WCAG 2.1, incluindo contraste adequado, textos alternativos, navegação por teclado e estrutura semântica para leitores de tela.

Arquitetura Clara

Reorganização completa da estrutura de informação com hierarquia visual clara, facilitando a localização rápida de dados relevantes.

Resultados e Impacto

O redesign transformou completamente a experiência de acesso à informação pública, democratizando o controle social e fortalecendo o exercício da cidadania.

100%

Responsivo

Interface totalmente adaptável a qualquer dispositivo, ampliando drasticamente o alcance e acessibilidade do portal.

WCAG

Acessibilidade

Conformidade total com diretrizes de acessibilidade, garantindo acesso universal a pessoas com deficiência.

+50%

Clareza Visual

Melhoria significativa na organização, hierarquia e legibilidade das informações apresentadas no portal.

-40%

Tempo de Busca

Redução estimada no tempo necessário para encontrar informações específicas graças à nova arquitetura de informação.

Aprendizados: Design para o Bem Público

Este projeto reforçou a importância do design como ferramenta fundamental de democratização do acesso à informação e fortalecimento da cidadania ativa.

Acessibilidade é Direito

Em portais públicos, acessibilidade não é opcional ou diferencial. É um direito garantido por lei (LAI e Lei Brasileira de Inclusão) e essencial para a democracia.

Simplicidade Empodera

Quanto mais simples e intuitiva a interface, mais pessoas conseguem exercer efetivamente seu direito constitucional de fiscalizar o poder público.

Mobile-First é Essencial

Grande parte dos cidadãos, especialmente de classes populares, acessa portais públicos exclusivamente via celular. Responsividade é obrigatória.

Arquitetura é Crítica

Informação pública precisa ser encontrada facilmente. Uma arquitetura de informação bem estruturada é tão importante quanto o design visual.