Plataforma para gerenciar ações de ESG

UI e UX Pesquisa Consultoria

Projeto

O cliente precisava de uma solução para apoiar empresas na implantação de práticas ESG. O projeto envolveu imersão, entrevistas e definição colaborativa de funcionalidades, resultando em uma plataforma para diagnóstico, gestão de temas materiais e metas.

Etapas do projeto

descoberta, definição, ideação e prototipação

Case completo

Esta página apresenta o processo de design do projeto. Se quiser conhecer também as etapas de descoberta, definição e ideação, além de entender toda a estratégia e as decisões criativas que construíram este trabalho, acesse o case completo no blog:



Ícone Design

Prototipação

Após colaborar com o cliente no workshop, iniciamos a etapa de prototipação que aborda o fluxo de navegação, guia de estilo, desenho da interface, prototipação em alta fidelidade e testes de usabilidade.

Fluxo de navegação

O fluxo de navegação foi fundamental para representar as etapas que os usuários percorrerão ao interagir com a plataforma, ao visualizar o fluxo de forma visual, garantimos que todos do time tinham a mesma visão da experiência do usuário desejada e dos objetivos do projeto.

Fluxo de navegaçãodo da plataforma
Ícone Design

Guia de estilo

Criei um guia de estilo para a plataforma, com definições de cores e tipografia baseadas na identidade visual do cliente. A paleta de cores reflete a marca de forma moderna e coerente, enquanto a tipografia foi escolhida para garantir legibilidade e personalidade na interface.

Cores

Cores da plataforma

Tipografia

Tipografia da plataforma

UI Design

Eu criei mais de 50 componentes para o projeto e um UI Kit completo que me ajudou a unificar e manter a consistência, simplificando o trabalho de prototipação.

Componentes da plataforma
Ícone Design

Telas da Plataforma ESG

Para transformar a pesquisa e os componentes em uma experiência digital, desenvolvi as principais telas da Plataforma ESG.


Tela Inicial / Dashboard

A tela inicial apresenta uma visão geral dos indicadores de ESG da empresa, com acesso rápido aos diagnósticos pendentes, metas em andamento e próximas ações recomendadas. O layout prioriza informações acionáveis para facilitar a tomada de decisão.

home da plataforma

Diagnóstico

Após o preenchimento do formulário, a plataforma gera automaticamente o diagnóstico ESG da empresa, classificando o nível de maturidade em uma escala visual. Os resultados são organizados por dimensão (Ambiental, Social e Governança), destacando os pontos fortes e as áreas com maior potencial de evolução. Isso oferece uma visão estratégica para as próximas ações.

formulário de diagnóstico

Módulo de Materialidade

Esse é o módulo responsável por ajudar as empresas a identificar os temas ESG mais estratégicos para o seu contexto. O design organiza e exibe todas as etapas do processo, deixando o caminho mais transparente para o usuário.

A proposta é facilitar a priorização dos temas que representam riscos ou oportunidades reais para o negócio, por meio da construção de uma matriz visual que apoia a tomada de decisão.

formulário de diagnóstico

Formulários

O produto conta com formulários em etapas tanto no Diagnóstico quanto na Materialidade. As perguntas são exibidas uma a uma, o que ajuda a manter o foco do usuário e reduz a sensação de complexidade durante o preenchimento. Esse formato torna a experiência mais leve e favorece a qualidade das respostas, seja no mapeamento das práticas ESG da empresa (Diagnóstico) ou na coleta de percepções sobre temas estratégicos (Materialidade).


formulário do diagnóstico cartao