Portal Despoluir: Modernização e Redesenho da Experiência

O programa Despoluir é o maior programa ambiental da iniciativa privada do Brasil, promovendo serviços gratuitos aos transportadores como avaliações de opacidade, avaliação da qualidade do diesel e serviço de orientação ao transportador.

Desafio

O portal anterior do programa Despoluir apresentava limitações significativas que comprometiam sua eficácia. O conteúdo estava desatualizado e organizado de forma excessivamente técnica, dificultando o acesso à informação pelos usuários finais.

A identidade visual era pouco atraente e não havia responsividade adequada para dispositivos móveis. Era necessário desenvolver um novo portal mais moderno, claro e estratégico para atender adequadamente aos três públicos principais: transportadores interessados nos serviços, representantes do governo e federações de transporte rodoviário.


Metodologia e processo de desenvolvimento

O projeto foi conduzido através de reuniões mensais com stakeholders para compreender os objetivos do programa e alinhar as prioridades de negócio. Além disso, fizemos coletivamente uma etapa de desk research para entender melhor o negócio. A partir dos dados de monitoramento do Google Analytics, pudemos traçar quais eram as páginas mais acessadas, e quais os gargalos os usuários possuíam ao encontrar uma informação.

Assim, pudemos traçar personas interessadas e utilizamos a matriz CSD para mapear hipóteses e necessidades dos públicos-alvo, direcionando tanto a estratégia de conteúdo quanto a arquitetura da informação.


Foi realizada uma curadoria criteriosa do conteúdo existente, removendo publicações obsoletas e reescrevendo textos com foco na clareza e na explicação dos produtos e serviços oferecidos.

Migração e preservação de conteúdo

A migração técnica do portal envolveu múltiplas etapas para garantir a continuidade do acesso aos conteúdos existentes. Para preservar a experiência do usuário e manter a autoridade de SEO do domínio, implementei um sistema de redirecionamento das URLs antigas para as novas páginas correspondentes, assegurando que links externos e bookmarks continuassem funcionais.

Inicialmente, realizei a migração do antigo SharePoint para SharePoint Online utilizando o SharePoint Migration Tool. Posteriormente, exportei o conteúdo através de ferramentas específicas do WordPress, com apoio de planilhas Excel para o mapeamento e organização dos dados e nova importação no WordPress.

Solução implementada

Propusemos uma nova linguagem visual baseada em publicações recentes do programa, incorporando cores mais vibrantes e linguagem mais acessível, além de reduzir blocos extensos de texto para favorecer a escaneabilidade.

A arquitetura da informação foi completamente redefinida, tornando a navegação mais intuitiva e alinhada aos fluxos reais dos usuários. Durante este processo, foi feito um processo educativo com as áreas envolvidas, pois haviam algumas dúvidas sobre a disposição das informações e serviços. Os componentes foram escolhidos e documentados com foco na padronização e escalabilidade do design, priorizando a performance em dispositivos móveis, que correspondem à maior parte do acesso.

A página de contato foi redesenhada para explicar claramente quais serviços estão disponíveis em cada federação, eliminando ambiguidades que antes só eram esclarecidas após o envio de solicitações. A disponibilidade regional de cada serviços também foi incluída na página individual de cada um, evitando uma possível frustração do usuário que poderia não ser atendido na região em que se encontrava.

Resultados obtidos

Os indicadores iniciais demonstram melhorias significativas na performance do portal: aumento no tempo médio de permanência, melhoria nas taxas de conversão (solicitações de atendimento) redução na taxa de rejeição e crescimento nos acessos via dispositivos móveis.

Os stakeholders reportaram feedback positivo sobre a clareza das informações e a melhoria da experiência de navegação, validando as decisões tomadas durante o processo de redesenho.

Gostaria de agradecer a todo o time envolvido neste processo, e a parceria durante todo o processo de trabalho e entrega. Foi um período de grande crescimento para mim ter feito parte desta equipe.

E-AUDSUS: Modernizando a Transparência no SUS

Participei da concepção e desenvolvimento do E-AUDSUS, uma plataforma digital que revolucionou a forma como o Departamento Nacional de Auditoria do SUS (DENASUS) gerencia solicitações de informação e demandas de auditoria. O projeto nasceu da necessidade de criar um canal de comunicação eficiente entre o público e o órgão, seguindo os padrões de transparência do governo federal.

Descoberta e Levantamento de Requisitos

O trabalho de aprimoramento da experiência do usuário começou com um mergulho profundo nas necessidades dos clientes e no estudo dos processos existentes. Durante agosto de 2022, nossa equipe conduziu um levantamento extensivo que incluiu:

  • Análise documental;
  • Reuniões semanais de validação de requisitos;
  • Mapeamento de processos.

Arquitetura da Experiência

Desenvolvemos uma página inicial acolhedora que contextualiza o visitante sobre o propósito do E-AUDSUS. O design segue rigorosamente o padrão GOV.BR, garantindo consistência com outros serviços governamentais. A interface apresenta claramente as duas principais funcionalidades:

  • Pedidos de Informação: Para solicitações baseadas na Lei de Acesso à Informação;
  • Denúncias: Para situações que requerem investigação auditorial.

Fluxo de Peticionamento Externo

1. Solicitação Inicial

Criamos um formulário intuitivo onde o cidadão pode registrar sua demanda. As telas foram cuidadosamente estruturadas em abas para organizar os dados da solicitação, do solicitante, as informações relativas ao protocolo SEI, o detalhamento e anexos, caso existam.

As abas foram pensadas tanto para o solicitante quanto para a equipe interna que fará o preenchimento das etapas seguintes.

Análise Interna

3. Análise de Admissibilidade

Projetamos um sistema robusto para análise interna das demandas, incluindo:

  • Critérios de Admissibilidade: Interface estruturada para verificar atividades realizadas e planejadas
  • Análise Multicriterial: Seções dedicadas para Competência, Materialidade e Relevância
  • Jornada Transversal: Abas que representam todo o ciclo de vida da auditoria (solicitação → demanda → planejamento → execução → monitoramento → comunicações)

4. Fluxo de Decisão

O analista competente pode tomar algumas decisões para triar as demandas que chegarem, sendo elas. O fluxo foi pensado para que não houvessem muitos cliques ao realizar as seguintes ações:

  • Justificar adequadamente decisões de não admissão da demanda;
  • Encaminhar demandas aprovadas para a esfera competente, quando não forem relativas ao órgão de auditoria;
  • Manter rastreabilidade completa do processo.

Sistema de Gestão

5. Dashboard de Auditorias

Para suportar a visão gerencial durante o processo de triagem de demandas, também foi elaborada uma interface de relatórios, contendo:

  • Métricas Visuais: Cards coloridos mostrando auditorias planejadas, não recebidas e em andamento
  • Gestão de Pessoas: Interface para acompanhar a distribuição de trabalho entre auditores
  • Histórico Completo: Sistema de busca e filtros para localizar informações específicas

Adequação Organizacional

Adaptamos toda a nomenclatura e estrutura dos protótipos para refletir a nova organização do AudSUS, demonstrando flexibilidade e atenção aos detalhes organizacionais Foram feitas entrevistas com várias das áreas envolvidas, afim de manter coesão entre as ações do sistema e evitar redundâncias.

Padrões GOV.BR

Implementamos rigorosamente os padrões visuais e de usabilidade do Design System do governo federal, garantindo familiaridade e acessibilidade para os usuários.

Referências

Design system do Governo: https://www.gov.br/ds/home