Decolando integrações de Design System

Nosso desafio era padronizar os elementos visuais utilizados pelo cliente em estilo e código. Com essa relação de componentes, proporcionamos à equipe interna um fluxo de trabalho fluido e direcionado.

Quando o assunto é Design System atrelado com empoderamento e efetividade da equipe, pode chamar o Estúdio Badaró que nós gostamos! Foi assim com nossa cliente Atech, empresa do grupo Embraer, que desenvolve projetos estratégicos em sistemas de controle e gestão de tráfego aéreo. Nossa parceria tinha como obejetivo decolar as integrações de Design System entre os produtos digitais da empresa.

Para dar conta dos produtos digitais das 4 empresas que compõem a Atech, a empresa sentiu a necessidade de construir um time de Design que pudesse atender às demandas. E, para lidar com essa complexidade de abordagens e públicos diferentes, o Design System foi a solução perfeita para otimizar a criação e o desenvolvimento das telas.

Nosso desafio era padronizar os elementos visuais utilizados pelo cliente em estilo e código. Com essa relação de componentes, proporcionamos à equipe interna um fluxo de trabalho fluido e direcionado.

Parceria com a equipe interna

Nosso jeitinho Badaró traz sempre como prioridade que o projeto seja compartilhado com o time de nossos clientes. Recebemos apoio da equipe de design Atech do início ao fim. A maturidade técnica do time foi fundamental para elevar nossas discussões e proporcionar um resultado de alta qualidade.

Essa relação se estendeu até nossa última atividade, que foi um treinamento com toda a equipe de design do cliente para que pudéssemos repassar conhecimentos adquiridos e trocar experiências de toda a construção.

Design + tecnologia para uma estratégia impactante

Como a carteira de produtos do cliente era extensa e variável, trouxemos estratégias que pudessem facilitar a aplicação dos elementos em diferentes plataformas. No desenvolvimento mobile, criamos bibliotecas nativas para iOS e Android. Já para produtos web, escolhemos Angular, por ser uma linguagem universal e de fácil manuseio.

A cereja do bolo foi a criação de um BOT que exporta os elementos do Figma para as respectivas linguagens de programação, facilitando a automação da programação dos componentes e suas atualizações. 

Para entender melhor a complexidade do projeto e como o Design System Badaró auxiliou a Atech a unificar as aplicações de suas 4 empresas, confira o case completo.