Serviço
A Evo Tech cria design systems para times que já têm mais de um produto, mais de uma equipe ou mais de uma geração de tela, e em que a mesma coisa aparece diferente em cada lugar. O sistema entrega tokens, componentes acessíveis e documentação, para a decisão de interface ser tomada uma vez e reaproveitada.
Equipes que refazem o mesmo botão, a mesma tabela e o mesmo formulário em cada tela nova, e gastam revisão discutindo espaçamento em vez de produto.
Operações em que sistemas de épocas diferentes convivem e não parecem da mesma marca.
Órgãos que precisam de padrão visual e de acessibilidade eMAG e WCAG garantida por construção, não conferida tela a tela no fim.
Cor, tipografia, espaçamento, raio e sombra definidos como valores nomeados, consumidos igual pelo design e pelo código.
Componentes construídos em React e TypeScript, com variantes, estados e comportamento de teclado previstos.
Contraste, foco visível, semântica e navegação por teclado conforme eMAG e WCAG, resolvidos no componente e não em cada uso.
Quando usar cada componente, quando não usar e o que fazer no caso que ele não cobre.
Substituição progressiva do que já existe pelo componente do sistema, sem parar o roadmap.
Saiba mais sobre arquitetura frontendLevantamento do que já existe: quantas variações do mesmo elemento estão em uso e quais podem ser unificadas.
Sistema publicado como pacote versionado, para cada produto atualizar quando puder, sem quebrar o que está no ar.
Documentação gerada a partir do próprio código, que muda junto com o componente em vez de envelhecer em um arquivo à parte.
O time interno aprende a estender o sistema: adicionar componente e variante deixa de depender de nós.
Mapeamos telas e componentes em uso e identificamos as repetições e as divergências.
Definimos os tokens e as regras de composição que sustentam todo o resto.
Implementamos a biblioteca em ciclos, começando pelos componentes de maior uso.
Aplicamos o sistema nos produtos, substituindo o que já existe de forma progressiva.
O sistema passa a ser mantido pelo time, com o processo de proposta e revisão definido na entrega.
Compensa quando a mesma interface é reconstruída em lugares diferentes: mais de um produto, mais de uma equipe ou telas de épocas diferentes. Em produto único com time pequeno, o custo de manter o sistema costuma superar o ganho.
Não. A adoção é progressiva: o sistema entra primeiro nas telas novas e nos componentes de maior uso, e o que já está no ar é substituído aos poucos.
Ele garante a parte que cabe ao componente: contraste, foco visível, semântica e navegação por teclado conforme eMAG e WCAG. A acessibilidade do conteúdo e da composição das telas continua sendo responsabilidade de quem monta cada página.
O time interno. A entrega inclui a transferência de conhecimento e o processo de proposta, revisão e versionamento, para adicionar componente e variante não depender da Evo Tech.
Sim, e em muitos casos é o caminho mais barato. Avaliamos partir de uma base existente e aplicar os seus tokens e as suas regras sobre ela, em vez de construir tudo do zero.
Design Systems
Tokens guardam cor, espaçamento e raio em um só lugar. Entenda como evitam a divergência visual, ajudam a corrigir contraste e ligam o design ao código.
Equipe Evo Tech ·
Design Systems
Instalar o pacote é só o começo. Veja o que o padrão resolve, o que depende da equipe e por onde começar a migração de um sistema em produção.
Equipe Evo Tech ·
Conte o que você precisa e receba uma proposta com o escopo detalhado. Atendemos Brasília e todo o Distrito Federal, e órgãos e empresas de outros estados de forma remota.