01 — Contexto
Em 2018, fui o primeiro integrante do time de Design Ops, por indicação da Meiuca.co, para construir o Mondrian Design System, que seria aplicado no ecossistema de produtos digitais da Claro, operadora de telefonia móvel, durante a fusão com a NET, operadora de telefonia fixa, banda larga e TV.
02 — Problemas identificados
Ecossistema fragmentado
Com a fusão Claro + NET, dezenas de produtos digitais coexistiam sem padrão visual ou de componentes, gerando inconsistência na experiência e retrabalho constante.
Desconhecimento mútuo entre times
A organização ainda não tinha mapeado claramente a relação entre gerentes, líderes, desenvolvedores, designers e fornecedores — cada time operava com objetivos e processos próprios.
Ausência de biblioteca compartilhada
Não existia biblioteca de marca, estilos ou componentes compartilhada entre os times, tornando cada produto uma implementação do zero.
Baixa adoção e suporte
A sustentação do design system dependia de treinamento contínuo, suporte ativo e criação de comunidade para que os times absorvessem e mantivessem as bibliotecas.
03 — Processo
Inicialmente, o desafio era entender a organização da empresa por meio de pesquisas qualitativas, revelando as necessidades e expectativas com o design system. A atuação passou a ser no mapeamento das interfaces (todos os produtos digitais) e na criação das bibliotecas de marca, estilos e componentes, testados em dinâmicas com os times de negócio, design e tecnologia. O suporte e o treinamento foram fundamentais desde as primeiras implementações até a criação de uma comunidade de melhoria contínua.
04 — Abordagem
Transformação digital no ecossistema
- Pesquisa qualitativa para mapear necessidades e expectativas dos times
- Mapeamento de todas as interfaces dos produtos digitais do grupo
- Criação das bibliotecas de marca, estilos e tipografia
- Dinâmicas colaborativas com negócio, design e tecnologia para validação
Desafios e aprendizados iniciais
- Divisão e organização dos componentes por função e contexto
- Processos de contribuição e manutenção das bibliotecas
- Suporte e treinamento aplicados aos times desde as primeiras implementações
- Criação de comunidade para melhoria contínua do Mondrian Design System
Uniformizar interfaces e produtividade
- Lançamento oficial das bibliotecas para todos os produtos digitais
- Treinamento das equipes e suporte ativo na adoção
- Aceitação em mais de 90% dos times e produtos digitais do grupo
- Mais de 70% dos elementos visuais padronizados com fácil manutenção
- Premiado pela Cielo na categoria de melhor produto 360º
05 — Decisões de design
Pesquisa qualitativa antes de qualquer entrega
Entender a organização e os objetivos reais dos times evitou construir um sistema que ninguém usaria
Bibliotecas separadas por camada (marca, estilos, componentes)
Facilitou a adoção gradual e a manutenção independente de cada camada
Suporte e treinamento desde o início
A adoção de um design system depende tanto de educação quanto de tecnologia — os times precisavam de apoio ativo
Criação de comunidade de contribuição
Transferiu a propriedade do sistema para os times, tornando-o sustentável sem depender de uma pessoa central
Testes em dinâmicas com os stakeholders
Validar com negócio, design e tecnologia simultaneamente reduziu conflitos e acelerou a aprovação
06 — Resultados
30% de ganho de produtividade ao usar as bibliotecas
Processos mais ágeis entre designers e desenvolvedores
Aceitação em mais de 90% dos times e produtos digitais do grupo
Mais de 70% dos elementos visuais padronizados com fácil manutenção
Premiado pela Cielo na categoria de melhor produto 360º