Mondrian:
Em 2019, o cenário de Design System no Brasil ainda era incipiente, mas na Claro o desafio já era de proporções gigantescas. O e-commerce sofria com a fragmentação: cada nova oferta ou campanha exigia que designers e desenvolvedores recriassem componentes do zero, gerando um débito técnico alto e uma experiência inconsistente para o cliente. Minha missão foi dupla: atuar como especialista na construção técnica das bibliotecas do Mondrian e, como Lead, coordenar o time de UX do E-commerce para que fôssemos o braço de elite na implementação prática desse sistema.
Como especialista sênior, trabalhei diretamente na fundação das bibliotecas, traduzindo as diretrizes da marca para Design Tokens (cores, tipografia, espaçamentos e elevação) que pudessem ser consumidos de forma agnóstica por diferentes tecnologias, como React, Vanilla e Android. No Figma, estruturei os componentes seguindo a lógica de Atomic Design, garantindo que cada molécula (como um card de plano de celular) fosse flexível o suficiente para suportar as variações de preço, benefícios e CTAs, sem quebrar o layout.
Na frente de liderança, coordenei uma equipe de três designers dentro da squad de e-commerce. Meu papel foi o "trabalho de cola": alinhar as necessidades de conversão do negócio com as restrições técnicas do sistema. Estabeleci ritos de DesignOps para que a transição do design para o desenvolvimento fosse impecável. Em vez de entregarmos telas estáticas, entregávamos especificações baseadas em componentes já documentados no Mondrian, o que eliminou as discussões sobre "pixels desalinhados" e permitiu que o time focasse em métricas de funil e na redução do abandono de carrinho. Fomos os primeiros a provar que o Mondrian não era apenas uma biblioteca de UI, mas uma ferramenta estratégica de negócio que acelerava o lançamento de produtos digitais em larga escala.
Resultados
A maturidade trazida pelo Mondrian permitiu colher frutos claros em curto prazo:
Aceleração do Time-to-Market: Reduzimos em cerca de 15% o tempo entre a concepção do design e a entrega final em código, graças ao reaproveitamento de componentes testados e validados.
Consistência de Marca: Unificamos a experiência de compra em todos os dispositivos, garantindo que o usuário tivesse a mesma confiança visual tanto no desktop quanto no aplicativo.
Eficiência Operacional: Menos tempo gasto em "ajustes manuais" de interface e mais tempo dedicado a testes A/B e melhorias na jornada de checkout.
Governança Técnica: Implementação de um fluxo de feedback contínuo onde as necessidades do e-commerce alimentavam a evolução do sistema global da Claro.
Design em
Claro
O design na Claro é fundamentado na cultura de DesignOps e escalabilidade. O Mondrian é tratado como um produto interno vivo, com pilares baseados em Humanização, Produtividade, Qualidade e Acessibilidade. A estrutura é descentralizada, com designers integrados em squads multidisciplinares, mas unidos por uma linguagem sistêmica única que permite a troca de inteligência entre diferentes áreas da companhia. O foco é sempre em criar soluções que equilibrem os objetivos de negócio com uma usabilidade intuitiva para milhões de brasileiros.
