Overview
O redesign do vale.com aconteceu num momento de transformação dupla: além de migrar a plataforma de hospedagem, o projeto correu em paralelo ao rebranding oficial da Vale. Isso exigiu alinhamento constante com o time de identidade da marca, adaptando decisões de design em tempo real conforme as novas diretrizes eram definidas, sem comprometer a entrega ou a coesão visual do projeto.
___________________________________________________________________________________________________
💪 Equipe de design: Isabel Freitas (liderança de squad) + 12 designers (divididos em 2 squads)
🛠️ Ferramentas: Figma, Adobe XD, Adobe After Effects, Adobe Illustrator, Adobe Photoshop
📅 Duração do projeto: 1 ano
🎯Atividades: Desk Research, Wireframe, Microinterações, Motion Design, Style Guide, Design de Interação, Acessibilidade, Migração de plataforma
✅ Resultados: Redesign do site global vale.com, 100% acessível, multilíngue e customizado por país. Conduzido em paralelo ao rebranding oficial da marca.
🛠️ Ferramentas: Figma, Adobe XD, Adobe After Effects, Adobe Illustrator, Adobe Photoshop
📅 Duração do projeto: 1 ano
🎯Atividades: Desk Research, Wireframe, Microinterações, Motion Design, Style Guide, Design de Interação, Acessibilidade, Migração de plataforma
✅ Resultados: Redesign do site global vale.com, 100% acessível, multilíngue e customizado por país. Conduzido em paralelo ao rebranding oficial da marca.
O desafio
O redesign do vale.com aconteceu num momento de transformação dupla: além de migrar a plataforma de hospedagem, o projeto correu em paralelo ao rebranding oficial da Vale. Isso exigiu alinhamento constante com o time de identidade da marca, adaptando decisões de design em tempo real conforme as novas diretrizes eram definidas.
O site precisava ser simultaneamente global e local, refletindo a realidade de cada país onde a Vale está presente, e 100% acessível, atendendo às técnicas mais modernas de acessibilidade para que o conteúdo chegasse a todos de igual para igual.
Minha atuação
Integrei o projeto como líder de squad num time de 12 designers, sendo responsável por conduzir uma equipe de 4 pessoas na elaboração dos wireframes de baixa fidelidade, na componentização dos elementos e no desenvolvimento do Design System, adaptado em tempo real às diretrizes do rebranding da marca.
Além disso, pude contribuir com meus conhecimentos de Motion UI e para a criação de animações de transição e microinterações. Também fui responsável por todos os vídeos de lançamento do projeto.
Processo
O projeto começou com desk research para entender as necessidades dos usuários e mapear as melhores práticas do mercado. Com esses insights, estruturamos os wireframes que serviram de base para a nova arquitetura; mais enxuta, com páginas desnecessárias eliminadas e fluxos de navegação redesenhados.
A componentização foi uma decisão estratégica central: criar elementos modulares que permitissem ao time de conteúdo montar novas páginas no futuro sem depender de desenvolvimento, garantindo escalabilidade e consistência visual a longo prazo.
Consistência e eficiência
O Design System do novo vale.com foi construído em adaptação às novas diretrizes do rebranding da marca, um trabalho de alinhamento contínuo com o time de identidade da Vale enquanto a nova identidade visual ainda estava sendo finalizada. Desenvolvemos uma biblioteca de componentes modulares com sistema de cores, tipografia (Vale Sans), iconografia, botões, inputs e estados de erro, warning e sucesso, tudo documentado para garantir consistência visual em todas as páginas e viabilizar a construção autônoma de novas páginas no futuro, sem depender de desenvolvimento. O resultado foi um sistema escalável que mantém coesão visual independentemente de quem monta a página.
Resultado
Novo vale.com lançado em 2024: 100% acessível, com busca aprimorada, área exclusiva de documentos e relatórios, agenda ESG integrada e presença customizada em cada país onde a Vale opera. Um site construído para durar e crescer de forma autônoma.
