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

Obrigado

Desenvolvendo um Design System para sua empresa

By Alvaro Camillo Neto

Desenvolvendo um Design System para sua empresa

  • 859