Otimização do design system

Babylon Health

Babylon Health

Uma startup do segmento de saúde. Sediada em Londres e presente em 8 países, a missão da Babylon é tornar saúde acessível e disponível para todo o mundo. ⠀

Nós tínhamos como missão organizar o Design System e auxiliar na criação dessa cultura para que mais de 70 designers pudessem trabalhar de forma mais consistente e ágil.

Uma empresa com a missão de preparar pessoas e organizações para um futuro mais analítico. Pesquisadores e cientistas que investigam o impacto dos dados na sociedade e nos negócios, desenvolvem metodologias e criam práticas para acelerar a propagação da cultura analítica.

babylon-1

Arquitetura inteligente, organização e otimização dos arquivos

Todo o projeto foi pensado para fomentar os seguintes pontos dentro da equipe de design:

  • Usar o conceito de atomic design na criação dos elementos
  • Centralizar elementos universais do projeto num só lugar
  • Minimizar problemas de inconsistência entre arquivos
  • Tornar inteligente os componentes automatizando suas configurações
  • Facilitar o manuseio de arquivos.
  • Manter equipes trabalhando simultaneamente de forma organizada
  • Criar uma cultura de uso consciente dos elementos já existentes, minimizando a criação de componentes muito parecidos.

Arquitetura inteligente, organização e otimização dos arquivos

Todo o projeto foi pensado para fomentar os seguintes pontos dentro da equipe de design:

  • Usar o conceito de atomic design na criação dos elementos
  • Centralizar elementos universais do projeto num só lugar
  • Minimizar problemas de inconsistência entre arquivos
  • Tornar inteligente os componentes automatizando suas configurações
  • Facilitar o manuseio de arquivos.
  • Manter equipes trabalhando simultaneamente de forma organizada
  • Criar uma cultura de uso consciente dos elementos já existentes, minimizando a criação de componentes muito parecidos.
babylon-2
babylon-3

Inicialmente foram criadas duas libraries para organizar os componentes

Uma library com todos os componentes necessários para construção do app Android, chamada shared android app.
A outra library conta com elementos universais, que serviram tanto para Android, quanto IOS e outras plataformas. Ela se chama Shared Design.
Todos os elementos construídos com base no 8 point grid, mantendo espaçamentos
e tamanhos de todos os elementos divisíveis por 4 ou 8.

Babylon-5
babylon-8
babylon-7
babylon-6

Resultado:
416 elementos duplicados foram deletados. Além disso, 380 elementos foram otimizados para funcionar em 3 plataformas com 44 funcionalidades com aproximadamente 1300 telas. 

Resultado:
416 elementos duplicados foram deletados. Além disso, 380 elementos foram otimizados para funcionar em 3 plataformas com 44 funcionalidades com aproximadamente 1300 telas. 

Resultado:
416 elementos duplicados foram deletados. Além disso, 380 elementos foram otimizados para funcionar em 3 plataformas com 44 funcionalidades com aproximadamente 1300 telas. 

Resultado:
416 elementos duplicados foram deletados. Além disso, 380 elementos foram otimizados para funcionar em 3 plataformas com 44 funcionalidades com aproximadamente 1300 telas. 

Resultado:
416 elementos duplicados foram deletados. Além disso, 380 elementos foram otimizados para funcionar em 3 plataformas com 44 funcionalidades com aproximadamente 1300 telas. 

babylon-9

Outros projetos

Quer saber mais sobre nós?

Pelotas
Rua Dois, 125,
Sala 202 
Parque Una

Pelotas - Rua Dois, 125, Sala 202 - Parque Una

Pelotas - Rua Dois, 125, Sala 202 - Parque Una

Porto Alegre
Av. Dr. Nilo Peçanha, 1600 (Unisinos POA)

Porto Alegre
Av. Dr. Nilo
Peçanha, 1600 (Unisinos POA)

Porto Alegre Av. Dr. Nilo Peçanha, 1600 (Unisinos POA)

Porto Alegre - Av. Dr. Nilo Peçanha, 1600 (Unisinos POA)

DEx01 © 2022