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
Domingos Crescêncio,
Nº 727
Santana

Porto Alegre - Domingos Crescêncio, Nº 727 - Santana

Porto Alegre - Domingos Crescêncio, Nº 727 -Santana

DEx01 © 2020