Projeto • Design System
Projeto ainda em construção e sempre em evolução!
Objetivo
Criar um projeto de Design System para a empresa, padronizando os componentes usados entre os produtos e mantendo o padrão e a consistência.
Desafios
- Fazer o levantamento de todos os componentes já existente e que já são utilizados
- Realizar a criação de tokens
- Alinhar com o time de desenvolvedores a importância da utilização dos componentes criados no Design System
Levantamento e análise
O primeiro passo foi investigar todos os produtos e fazer o levantamento de todos os componentes que eram utilizados. Após identificar todos esses componentes começamos a analisar quais eram as funcionalidades de cada um deles.
Vimos através desta análise que tínhamos componentes diferentes para funções/ações iguais.
Junto com outros Designers e Stakeholders de cada produto fizemos a redução dos componentes repetidos, deixando apenas os que se encaixavam em todos produtos da empresa.
Alterações e adaptação
Em alguns componentes era necessário realizar alterações para que se encaixasse em todos os produtos.
Peso de fonte, tamanho, border-radius, placeholder e entre outros sofreram adaptações para se encaixar em todos os produtos da empresa.
Tokens e documentação
Depois de alinhar com os Fronts e entendermos juntos sobre os tokens e definirmos tudo, partimos para a criação dos Tokens e a documentação de cada componente.
A plataforma para documentação escolhida foram a Zeroheight e Storybook.
Atualizações e novos componentes
Estamos sempre analisando a necessidade da criação e novos componentes e atualizando os antigos de acordo com a necessidade de cada projeto ou até mesmo tela, o Design System é um ecossistema vivo que está sempre passando por mudanças e atualizações.
