Design System / Unicred do Brasil
Período: 2023-2025
Papeis executados: Product Design e Head de Design System
Sobre a empresa
A Unicred do Brasil é uma cooperativa de crédito que atua no sistema financeiro nacional com foco em profissionais da saúde. A instituição oferece produtos como contas, investimentos, crédito e seguros, priorizando o relacionamento próximo, serviços premium e a solidez cooperativista.
Introdução
O Design System da Unicred nasceu de uma necessidade real e urgente: reduzir retrabalho, padronizar experiências e facilitar a colaboração entre times de design e desenvolvimento. Antes da sua criação, as jornadas digitais da cooperativa careciam de consistência visual e de interação. Produtos distintos não conversavam entre si e, em casos extremos, nem mesmo os times responsáveis compartilhavam alinhamentos básicos.
Após diversas tentativas frustradas de implementar o sistema apenas pelo time de design, ingressei em uma nova configuração de equipe que unia design e tecnologia desde o início. Foi essa estrutura multidisciplinar que permitiu criar uma base sólida, conectada com o desenvolvimento e preparada para escalar.
Solução Proposta
Nosso objetivo foi criar uma estrutura robusta desde o início, integrando design e desenvolvimento desde a concepção. A proposta era construir não apenas um style guide, mas um produto vivo, aplicável desde a biblioteca Figma até a implementação em código, com componentes nativos e responsivos para Android, iOS e Web.
Escopo entregue
Processo
Todo o projeto foi conduzido de forma altamente colaborativa no time. As decisões eram tomadas de maneira conjunta entre design e desenvolvimento, desde a arquitetura até as priorizações e ajustes finos de comportamento, levando em conta aspectos técnicos de cada frente.
Para viabilizar o projeto, fizemos um piloto de uso do Design System. O primeiro produto da Unicred a receber o Design System foi app Unicred Visa, onde desenvolvemos toda a estrutura do sistema (tokens, componentes, arquitetura, etc.) ao mesmo tempo que apoiávamos diretamente a implementação do DS no produto escolhido.
Etapas do piloto
Pesquisa e discovery
Levantamento dos componentes prioritários para o piloto
Discovery e definição da arquitetura do sistema
Alinhamento de prioridades e cronograma
Concepção visual e revisão dos componentes e das interfaces que usariam os recursos
Integração com o time de desenvolvimento para refinamentos
Testes e ajustes finais nas bibliotecas e dos protótipos
Implementação no produto
Liberação da primeira versão funcional do DS para uso nos demais produtos
Dasafios
Baixa compreensão do valor do DS por parte de stakeholders, o que demandou participação ativa no desenvolvimento do produto
Resistência de adoção do Design System entre equipes diversas
Desenvolver componentes adaptados às diretrizes nativas (Android, iOS e Web), mas sem perder consistência visual
Refatorar jornadas antigas exigiu muito apoio e priorização dos times de produto
Resultados
Em 2024, após o piloto inicial e tendo um sistema estruturado, marcamos o lançamento da nova tela inicial do aplicativo Unicred Mobile e, com isso, consolidamos cada vez mais a identidade dos produtos digitais da Unicred por meio do Design System.
Para ilustrar, destaquei a imagem a seguir, que mostra as telas iniciais dos aplicativos Unicred Mobile e Unicred Visa. É possível perceber a consistência visual e a reutilização de componentes.
Ambos os produtos compartilham estilos de cor, tipografia, espaçamentos, componentes e padrões de interação, o que facilita o desenvolvimento e melhora a experiência dos usuários, já que os times de produto acionam as mesmas partes de código.
Resultados alcançados
O Design System da Unicred gerou ganhos significativos em consistência e eficiência:
Meu papel no projeto
Atuei como product designer e posteriormente como líder do time de Design System. Minhas principais responsabilidades foram:
Facilitar a colaboração entre design e engenharia
Planejar e manter a arquitetura das bibliotecas
Mediar decisões de design com viabilidade técnica
Priorizar demandas e estruturar ciclos de melhoria contínua
Garantir a coerência visual e funcional do sistema
Conteúdo complementar
Confira alguns dos materiais que escrevi durante a experiência do projeto.
Confira também
Vamos conversar
Meus contatos
Telefone: (051) 9 8434.6001
Mande uma mensagem
GABRIEL
ARRUDA
•
2025