top of page

Embraer Design System

Criação, concepção e implementação do Design System da Embraer e Techcare.

Contribuições

Project management

Design Ops

Team Management

Visão geral

A Embraer é uma empresa de aviação que fabrica diversos tipos de aeronaves.

A empresa estava passando por uma transformação digital com o objetivo de integrar produtos e sistemas e trazer uma visão de produto, design e tecnologia para dentro da companhia de forma escalável.

Entendimento do problema

icon quote.png

A empresa possui duas filiais principais: Embraer e Techcare. Dado o tamanho e o número de produtos e sistemas, as principais dores foram:

  1.  Havia muitas interfaces sem padronização.

  2.  O processo de desenvolvimento de novos produtos e sistemas levava um investimento de tempo considerável.

  3.  Não havia nenhum padrão ou biblioteca de design estabelecido.

  4.  Alto investimento: a empresa alocava recursos significativos para as equipes de design e tecnologia.

É bastante difícil porque todo projeto exige que criemos o produto ou sistema do zero, o que demanda muito tempo e dinheiro.

Michael Oliveira, Líder de Projeto da Embraer

Construção

Com base nas dores dos usuários e do negócio, a construção do Design System foi realizada nas seguintes etapas:

  1. Conversas com stakeholders da Embraer & Techcare.

  2. Entendimento do tempo de Design & Desenvolvimento.

  3. Mapeamento de todos os produtos e sistemas.

  4. Conversas com Designers & Desenvolvedores para entender os principais problemas de usabilidade.

  5. Inventário de componentes.

A partir de todo o processo de mapeamento, criamos uma biblioteca de componentes modulares que pode se adaptar a qualquer nicho de produto ou sistema dentro da Embraer & Techcare através da troca de temas via Design Tokens.

Captura de Tela 2023-06-22 às 10.56.32.png

Os componentes foram projetados de forma white label, permitindo que se adaptem a qualquer produto e sistema. Os Design Tokens também permite a troca de temas entre os componentes, permitindo que sejam usados nas interfaces Embraer e Techcare sem a necessidade de redesenvolvimento.

Implementação

Uma vez criada a biblioteca, é hora de aplicá-la, criando uma documentação de uso para auxiliar Designers & Desenvolvedores.

Iniciamos a implementação de um novo produto e, ao fazê-lo, comparamos a média de tempo de Design e desenvolvimento sem o Design System usando dados retroativos dos gerenciadores de tarefas, para o tempo que levou para desenvolver o novo produto com o Design System.

Captura de Tela 2023-06-22 às 10.41.08.png

O produto MRO Consumer serviu como produto piloto para o Design System, que seria usado para a Embraer e Techcare

Também desenvolvemos uma Calculadora de Design System para que os Stakeholders estimem o orçamento de novos produtos e projetos e entendam quanto tempo e dinheiro poderiam ser economizados usando as bibliotecas de Design e Desenvolvimento.

calculadora ds.png

Resultados

Tempo de design e desenvolvimento otimizado por aproximadamente 40%.

Time to market: novos produtos sendo desenvolvidos mais rapidamente.

Consistência em diferentes produtos entre Embraer e Techcare.​

O NPS (Net Promoter Score) aumentou de 40 a 70.

bottom of page