Desenvolvendo um Design System para sua empresa

Alvaro Camillo

  • Desenvolvedor
  • Framework Protheus
  • Pai do Mario e Gabriel
  • Games
  • @alcisko

O desafio

Uma empresa - Muitas Ofertas

Muitas Oferta - Muitas Interfaces

Muitas interface - Muitas Tecnologias

Uma marca

Solução

Design System

"A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications." Will Fanguy

Oque é um Design System?

Tecnologia

+

UX

Porque um Design System?

  • Padronização

  • Melhor prática

  • Identidade Visual

  • Produtividade

Porque um Design System Próprio ?

  • Identidade própria.

  • Focada em aplicações empresariais.

  • Maior controle.

  • Mais possibilidades.

Em 2014 ...

Equipe

  • 4 Desenvolvedores das equipes de Framework
    • Datasul
    • Protheus
    • RM
  • Um projeto inicial
  • Sem profissional de UX

Tecnologia

Em 2017 ...

Equipe

  • 16 Desenvolvedores.
  • Joinville e São Paulo 
  • Equipe independente
  • Com apoio do Laboratório UX da Totvs

Tecnologia

Por que não?

  • Framework completo e maduro.

  • Pilhas inclusas.

  • Altamente customizável

  • Grande estabilidade a partir da versão 4

Migração

  • Reconstrução.

  • Processo Design Thinking

  • Pipe Line CI/CD

  • Semantic Versioning

Um pouco de Live Coding!

Conclusão

Antes

1ª Versão

Atual

Próximos Passos

Fontes

Designing design systems

Monica Lent - The tech behind a design system that scales

THF - Portal do Desenvolvedor

 

Exemplo da Talk

Obrigado

Made with Slides.com