Redesign & Design System

A empresa mantinha uma presença digital fragmentada, sem padrão visual consistente nem biblioteca de componentes reaproveitáveis.

O fluxo de captação de leads e contato era rígido, o que gerava altas taxas de abandono nos formulários e pouca clareza sobre os serviços oferecidos.

A ausência de documentação técnica e de UI alinhada dificultava a comunicação com o time de engenharia, gerando retrabalho no desenvolvimento e inconsistências na entrega final entre os pontos de contato da marca.

O briefing inicial solicitava o redesign das páginas de contato, das landing pages de materiais ricos e do portal institucional.

A pesquisa revelou que o problema central não era estético, mas de arquitetura de informação e governança: os formulários não adaptavam os campos à necessidade do usuário, o gerenciamento de cookies e privacidade não seguia boas práticas de UX, e a falta de componentes padronizados tornava a implementação de novos produtos lenta e custosa para a equipe de desenvolvimento.

Comecei conduzindo benchmarking competitivo e entrevistas qualitativas com stakeholders e usuários, para entender a jornada de contratação B2B.

A partir dos dados, mapeei os atritos no funil de conversão e optei por construir uma biblioteca de componentes robusta — átomos, moléculas e organismos — no Figma antes de desenhar as telas finais.

Desenhei modais contextuais para qualificação de leads por porte de empresa e segmento, fluxos de opt-in de cookies transparentes e landing pages otimizadas para escaneabilidade, garantindo que cada decisão visual estivesse respaldada por objetivos de negócio.

Entreguei uma solução digital responsiva para desktop e mobile, com o redesign do portal institucional, as landing pages de conversão e os fluxos completos de captura de dados.

A entrega contou com um Design System estruturado, com variantes de botões, estados de interação, formulários dinâmicos e feedbacks de sucesso.

Toda a interface foi mapeada com tokens de design e acompanhada de documentação detalhada no Figma, com especificações de comportamento, responsividade e acessibilidade para guiar a implementação dos desenvolvedores.

Fui responsável por todo o ciclo de product design.

Conduzi o benchmarking, as entrevistas e a análise dos dados, defini a arquitetura de informação, criei o Design System, prototipei em alta fidelidade e escrevi a documentação técnica.

O time de engenharia assumiu o projeto a partir do handoff documentado, encarregado do código e da implementação final das telas em produção.

A criação do Design System padronizou a linguagem visual e reduziu drasticamente o tempo de handoff para a engenharia.

A reestruturação dos formulários e modais transformou o contato em um processo fluido e intuitivo, eliminando barreiras de preenchimento e garantindo conformidade com privacidade de dados sem prejudicar a captura das informações estratégicas para o time de vendas.

O projeto foi implementado pelo time de desenvolvimento conforme as especificações entregues.

O processo reforçou o valor da documentação técnica e de um Design System consistente: projetar pensando no código economiza tempo de engenharia e garante fidelidade ao produto final.

O aprendizado central foi equilibrar o rigor técnico de UX/UI com os objetivos de conversão do negócio, entregando uma solução que atendeu tanto os usuários quanto os times internos de marketing e desenvolvimento.