Auditoria de interface
Levantamos tudo que já existe e quanta variação virou padrão sem querer.
Tokens de design
Cor, tipografia, espaçamento e raio definidos como fonte única de verdade.
Biblioteca no Figma
Componentes com variantes, propriedades e nomes que o time entende.
Componentes em código
A mesma biblioteca no React, para desenho e produto não divergirem.
Padrões de uso
Quando usar cada componente, e principalmente quando não usar.
Tema claro e escuro
Tokens preparados para os dois temas desde a primeira definição.
Documentação viva
Guia que o time consulta no dia a dia, não PDF que ninguém abre.
Implantação acompanhada
Ficamos junto na migração das primeiras telas para o sistema.
COMPARATIVO
O que muda quando o sistema é construído com o time, não para o time
Montamos design systems para produtos com vários times em paralelo, como Wiz Benefícios, Pepper e Cappta.
PARA QUEM É
Wama ou biblioteca montada nas horas vagas
A prova de um design system é quantas telas novas saem sem abrir uma discussão.
Wama
Biblioteca montada nas horas vagas
Figma e código com a mesma biblioteca
Desenho e produto que divergem em semanas
Tokens como fonte única de verdade
Dezenas de cinzas quase iguais no arquivo
Documentação que responde quando usar
Componente pronto que ninguém sabe aplicar
Implantação acompanhada nas telas
Biblioteca publicada e esquecida
Governança definida desde o início
Qualquer pessoa cria um componente novo
Inventário
Mapeamos componentes, cores e padrões que já existem no produto, e medimos o tamanho da inconsistência com dado, não com impressão.
Fundações
Definimos tokens, escala tipográfica, grid e as regras que tudo o mais vai herdar. É a etapa que mais economiza retrabalho depois.
Biblioteca
Construímos os componentes no Figma e no código, com variantes, estados e documentação de uso escrita junto.
Adoção
Migramos as primeiras telas com o time, ajustamos o que a prática mostrar e deixamos a governança definida para o sistema sobreviver.
Estratégia
Criação de Interfaces
Web Design & Softwares
Branding
Consultorias
Design System
UI & AI
Motion
Negócios transformados
Projetos em Framer™
Anos de atividade
Para ter um projeto disruptivo é fundamental ter um design que rompe a barreira do comum e isso nós garantimos.
Henrique Sabino
Founder Wama
01.
Quanto custa um design system?
Depende do tamanho do produto e de quantos times vão usar. Sistemas enxutos ficam na faixa de R$ 10 mil a R$ 50 mil; quando envolve biblioteca em código e vários produtos, passa disso.
02.
Quanto tempo leva?
As fundações e a primeira leva de componentes saem em seis a dez semanas. A adoção continua depois disso, porque um sistema só existe de verdade quando as telas novas nascem dele.
03.
Vocês entregam só no Figma ou também em código?
Os dois, quando faz sentido. Manter só o Figma funciona para times pequenos, mas em produto com engenharia própria a biblioteca em código é o que impede a divergência.
04.
Meu produto já existe. Dá para fazer mesmo assim?
Dá, e é o caso mais comum. Começamos pelo inventário do que está no ar e migramos por partes, priorizando as telas de maior tráfego e maior inconsistência.
05.
Quem mantém o sistema depois?
Idealmente o seu time, com a governança que deixamos definida. Podemos seguir com fee mensal para evoluir a biblioteca ou treinar quem vai assumir.
06.
Design system não engessa a criação?
Ao contrário. Ele tira da mesa as decisões repetidas para sobrar tempo nas decisões que importam. O que engessa é sistema sem regra de exceção, e isso a gente define junto.
07.
Vocês trabalham com nosso design system atual?
Trabalhamos. Em vários projetos entramos para auditar, reorganizar e completar um sistema que já existe, em vez de recomeçar do zero.
08.
Como fica tema claro e escuro?
Os tokens já nascem preparados para os dois temas. Isso evita a reescrita completa da paleta quando o tema escuro vira prioridade seis meses depois.
09.
Vocês treinam o time?
Treinamos. A entrega inclui sessões com design e engenharia, porque documentação sozinha não gera adoção.
10.
Dá para começar pequeno?
Dá, e costuma ser o melhor caminho. Fundações mais dez componentes bem resolvidos entregam mais valor que uma biblioteca gigante que ninguém consegue manter.
