Case de UX: Redesenhando uma Ferramenta para o Cidadão Acompanhar os Registros Financeiros de Sua Cidade

Contexto do Projeto: Um Pouco Sobre os Direitos do Cidadão

O direito de acompanhar os gastos da sua cidade, garantido pela Lei de Acesso à Informação (LAI), é um pilar da democracia que permite a qualquer cidadão fiscalizar como o dinheiro público é utilizado. Através do Portal da Transparência, que a prefeitura é obrigada a manter de forma clara e acessível, é possível monitorar despesas como salários, contratos e licitações, exercendo o controle social e ajudando a combater a corrupção para garantir que os recursos sejam bem aplicados em benefício da comunidade.

A GOVBR, que é uma empresa focada em soluções na administração pública, tem, entre seus produtos, o TRANSPARÊNCIABRASIL, que faz justamente esse trabalho de compartilhar dados de transparência para cidadãos de inúmeras prefeituras do Brasil.

Problemas

Esse produto, embora tivesse alcance bem considerável em território nacional, tinha alguns problemas, sendo eles:

  • Menu extenso que não cabia na tela, resultando em uma barra de rolagem lateral.
  • Textos como imagem na home, dificultando a acessibilidade.
  • Design desatualizado e pouco atrativo.
  • Não havia responsividade.

Meu Papel

  • Benchmarking
  • UX Research
  • UI Design
  • Prototipagem
  • Testes de usabilidade

Ferramentas Utilizadas

Figma
Maze
Tela inicial do antigo TRANSPARÊNCIABRASIL
Tela inicial do antigo TRANSPARÊNCIABRASIL

Processo de Design

01

Pesquisa e Análise

Iniciei com uma análise do produto atual, entrevistas com usuários e pesquisa de sites de transparência de outras cidades para identificar pontos de melhoria.

Entrevistas com usuários Análise dos dados Pesquisa de sites do mesmo tipo
02

Ideação e Conceito

Com base nos insights da pesquisa, criei um mapa de jornada do usuário e wireframes para explorar diferentes soluções para os problemas identificados.

Mapa de jornada do usuário Wireframes
03

Design e Prototipagem

Desenvolvi o design visual completo, criando um sistema de design consistente e protótipos interativos para validação das soluções propostas.

Design System Protótipos interativos
04

Testes e Validação

Realizei testes de usabilidade com usuários reais, coletando feedbacks valiosos para refinamentos finais antes da implementação.

Testes de usabilidade

Principais Soluções

Nova Funcionalidade

Redesenhei completamente a home, trazendo para ela um dos itens de maior apelo do site, que é a busca de dados de receita ou despesa, de acordo com o tipo.

Exibição de Resultados

Trouxe para a página inicial dados importantes como totais de receita e despesa, além da porcentagem do nível de investimento.

Seção de Banners

Criei uma área de banners para atrair a atenção do contribuinte para temas importantes do momento, que podem ser dos mais variados assuntos.