Meu Papel
Como Designer de Produto e UX, fui responsável por:
- Realizar o redesign completo do site institucional usando Figma;
- Implementar o Google Analytics para coleta de métricas reais;
- Criar e documentar o Style Guide da instituição;
- Desenvolver soluções de interface com foco em usabilidade e consistência;
- Apoiar equipes internas em decisões baseadas em dados.
Créditos
- Paulo Vitor - Redator
- Henrique Alves - Designer
2023
Contexto
O site institucional do IPGC precisava evoluir além de páginas estáticas: havia falta de métricas confiáveis, ausência de um sistema visual consistente e dificuldade de análise estratégica de engajamento. O desafio era transformar um site estático em uma plataforma orientada a dados, escalável para múltiplos projetos e públicos governamentais distintos.
Além disso, o IPGC como OSCIP, precisava detalhar com melhor clareza dados de projetos públicos, para que fossem claramente disponíveis a população brasileira.
Resultados e Impacto
Após o redesign e a implementação de métricas, o IPGC passou a ter dados confiáveis para avaliação contínua da experiência digital:
acessos orgânicos
Nos primeiros meses após implementação
de tempo médio de engajamento
Indicando maior retenção visual e de leitura
Novos usuários
Em comparação ao período anterior
Além disso:
- O Style Guide reduziu retrabalho em projetos futuros
- A coleta de métricas sustentou decisões de conteúdo e navegação
- A equipe ganhou autonomia para medir performance sem dependência de terceiros
Veja um vídeo de um usuário durante a Audiência Pública da PPP de Campos Novos – SC, mencionando que usou o novo site para consultar dados públicos relevantes.
Antes
Depois
Processo e decisões estratégicas
- Diagnóstico inicial
- Auditoria do site existente
- Mapas de navegação e fluxos
- Painéis de métricas inexistentes
O processo inicial contou com iteração dos membros da equipe da Assessoria de Comunicação, além de insights de colaboradores relevantes e Key players, além de rodadas de entrevistas com os mesmos para entender melhor as necessidades.
Após isso, partimos para a etapa de prototipação de baixa fidelidade.
Após validações internas e experimentações, partimos para a produção do layout no Figma de alta fidelidade.
Fluxo de Jornada para obtenção de informações
Montamos uma nova jornada de usuário que levasse o usuário através da Home Page as informações de interesse, enquanto asseguramos a relevância da instituição, com provas sociais e de autoridade.
Resultados e Impacto
Após o redesign e a implementação de métricas, o IPGC passou a ter dados confiáveis para avaliação contínua da experiência digital:
acessos orgânicos
Nos primeiros meses após implementação
de tempo médio de engajamento
Indicando maior retenção visual e de leitura
Novos usuários
Em comparação ao período anterior
Além disso:
- O Style Guide reduziu retrabalho em projetos futuros
- A coleta de métricas sustentou decisões de conteúdo e navegação
- A equipe ganhou autonomia para medir performance sem dependência de terceiros
Veja um vídeo de um usuário durante a Audiência Pública da PPP de Campos Novos – SC, mencionando que usou o novo site para consultar dados públicos relevantes.
🧠 Aprendizados e próximos passos
- Um Style Guide bem definido e sistematizado é uma alavanca estratégica que conecta design e produto
- Métricas só geram valor quando traduzidas em decisões concretas
- Priorizar clareza e navegação é essencial em sites institucionais com múltiplos públicos
Próximo passo natural: testes de usabilidade moderados para refinar jornadas críticas com base em dados quantitativos e qualitativos.