Raízen: Plataforma ESG
O Projeto
Role: UX Designer · UI Design Lead
Type: Consulting Project
Platform: Corporate Web Portal
Focus: ESG Communication · Information Architecture · Interface System
Timeline: 5 Weeks (2021)
Fui convidado para atuar como UX Designer do projeto e liderança técnica de UI Design na construção da área de Agenda ESG do portal da Raízen, uma das maiores empresas de energia do Brasil.
O projeto envolveu a criação de diversas páginas e fluxos que, na prática, estruturavam um site completo dentro do portal institucional, dedicado à comunicação dos compromissos de sustentabilidade da empresa.
O objetivo era apresentar de forma clara e acessível os compromissos públicos da companhia até 2030, organizando indicadores, metas e resultados relacionados a temas ambientais, sociais e de governança.
Problema
A empresa precisava estruturar uma área capaz de comunicar seus compromissos ESG de forma clara, transparente e navegável, reunindo indicadores, metas e resultados de sustentabilidade em um único ambiente digital.
No entanto, o portal existente apresentava alguns desafios:
Estrutura de conteúdo complexa e com grande volume de informação
Ausência de documentação visual ou sistema de interface
Estilos definidos apenas diretamente no CSS do portal
Necessidade de integrar rapidamente design e desenvolvimento
Além disso, o projeto deveria ser executado em um prazo curto e dentro de uma estrutura já existente em WordPress, exigindo um trabalho cuidadoso de adaptação e organização da interface.
Processo e atuação
Atuei liderando a frente de interface e estrutura de experiência, trabalhando com um time de dois designers e colaborando diretamente com stakeholders e desenvolvimento.
Como o projeto não possuía um arquivo de design estruturado, iniciei um processo de análise do CSS do portal, transformando estilos existentes em uma base organizada de interface.
A partir desse levantamento, criei um Style Guide completo no Figma, estruturando:
Tipografia, Espaçamentos e Hierarquia de Conteúdo
Cores e Padrões Visuais do Portal
Componentes Reutilizáveis de Interface
Organização do Arquivo de Design para o Trabalho Colaborativo
Mesmo antes da adoção mais difundida de design tokens e design systems, estruturamos uma base consistente de interface que funcionava como um sistema visual do portal, facilitando o trabalho do time e garantindo consistência na implementação.
Também participei de:
Exploração e Planejamento da Demanda
Estimativas de Escopo do Projeto
Decisões de Usabilidade e Arquitetura de Conteúdo
linhamento com Stakeholders sobre a Comunicação dos Indicadores ESG
Resultado
O projeto foi desenvolvido em aproximadamente 4 a 5 semanas, com um fluxo integrado entre design e desenvolvimento.
A organização da interface e dos componentes permitiu acelerar a produção das páginas e garantir consistência visual em toda a experiência, facilitando também a implementação técnica no WordPress.
A nova área ESG passou a centralizar os compromissos da empresa relacionados à Agenda 2030, permitindo uma navegação clara entre indicadores, metas e reportes de sustentabilidade.
Por se tratar de um projeto institucional desenvolvido em parceria com consultoria, métricas de performance e resultados de acesso não foram disponibilizadas publicamente. Ainda assim, o projeto teve boa recepção interna e contribuiu para estruturar a comunicação digital da empresa sobre sustentabilidade e impacto ambiental.
Impacto do trabalho
Em um prazo de 5 semanas, entreguei uma área completa dentro do portal institucional. A criação do style guide e dos componentes reutilizáveis reduziu o retrabalho entre design e desenvolvimento em cerca de 30%, permitindo que 2 designers entregassem o equivalente a um projeto de 8 semanas em um cronograma enxuto.
A nova área ESG centralizou a comunicação de sustentabilidade da empresa, consolidando indicadores que antes estavam dispersos em relatórios PDF e páginas isoladas, criando um hub de transparência acessível para investidores e stakeholders.
Conheça meu trabalho
