Levantamento de interface
R$ 680
- Captura de até quarenta telas
- Mapa do que se repete
- Lista de variáveis sugeridas
- Sem código entregue
Biblioteca de componentes · Sorocaba — SP
Uma biblioteca que a equipe abre antes de desenhar
Times de produto acumulam três versões do mesmo campo, dois azuis quase iguais e um menu que muda de lugar conforme quem fez a tela. O conserto começa contando o que já está no ar, não desenhando de novo.
Inventário das telasVariáveis nomeadasUma página por peça
12
peças na versão 1
12
pessoas na equipe
7
revisões por ciclo
8
semanas até publicar
Procedimento
Antes de desenhar o novo, contar o que já está no ar
Seis passos que transformam telas soltas em peças com nome, estado e lugar definido. Nenhum deles depende de refazer o produto inteiro.
Pedir levantamento01
Inventário das telas
Captura de cada tela em uso e a lista do que se repete. Costumam aparecer três botões principais onde cabia um.
02
Variáveis antes de telas
Cor, espaço, raio e tipografia recebem nome. Sem isso, mudar um tom vira caça a hexadecimal no projeto inteiro.
03
Peça com todos os estados
Foco, carregamento, erro e lista vazia entram junto. O estado esquecido é justamente o que aparece em produção.
04
Nome que a equipe fala
O componente herda a palavra usada na reunião, não a que apareceu no menu do editor de design.
05
Uma página por peça
Quando usar, quando evitar e um exemplo pronto para colar. Texto longo ninguém abre duas vezes.
06
Porta para pedir mudança
Quem precisa de uma variação sabe onde pedir, quem responde e em quanto tempo a resposta chega.
Etapas
Oito etapas até a versão publicada
Cada etapa fecha com algo que a equipe já consegue usar no dia seguinte.
E-01Levantamento
Captura das telas em uso e lista do que se repete entre elas.
E-02Variáveis
Cor, espaçamento, raio e escala de texto passam a ter nome próprio.
E-03Tipografia
Uma escala só, com altura de linha definida para cada tamanho.
E-04Formulários
Campo, seleção, marcação e mensagem de erro, com estados completos.
E-05Navegação
Cabeçalho, menu de tela estreita e trilha de páginas em uma peça só.
E-06Acessibilidade
Contraste medido, foco visível e ordem de tabulação conferida peça a peça.
E-07Documentação
Página curta por componente, com exemplo que roda ao colar.
E-08Publicação
Versão 1 no repositório, registro de mudanças e canal para pedidos.
Contratação
Três frentes, do levantamento ao acompanhamento
A frente do meio é a mais pedida: sai com a biblioteca publicada e a equipe sabendo mexer nela.
Biblioteca base
R$ 3.120
- Variáveis em código e no editor
- Peças de formulário e navegação
- Página de uso por componente
- Contraste conferido
Sistema da equipe
R$ 5.360
- Ciclos de revisão com quem desenha e quem programa
- Registro de mudanças a cada versão
- Fila aberta para pedir variação
- Encontro de dúvidas por ciclo
Relatos
Quem parou de redesenhar o mesmo campo
Relatos de equipes que usam a biblioteca no dia a dia, publicados com autorização de cada uma.
Tínhamos dois azuis quase iguais e ninguém sabia qual era o certo. Nomear as variáveis resolveu a discussão em uma tarde.
Colar o exemplo da página do componente ficou mais rápido que copiar de outra tela e ajustar na mão.
A fila para pedir variação acabou com a conversa paralela: o pedido tem lugar e prazo.
Os estados de erro e de lista vazia passaram a existir antes de eu abrir chamado por eles.
Dúvidas
O que perguntam antes de começar
Passe a faixa para o lado e veja as respostas mais pedidas.
Precisamos parar o desenvolvimento para isso?
Não. O levantamento roda em paralelo e as primeiras peças entram nas telas novas, sem refazer o que já está em produção.
Já usamos uma biblioteca pronta. Serve?
Serve, e o trabalho fica menor: definimos as variáveis da casa por cima da base que vocês já usam e documentamos só o que foi ajustado.
Quem mantém a biblioteca depois?
A equipe de vocês. O acompanhamento existe para ensinar o caminho: revisão a cada ciclo, registro de mudanças e fila de pedidos.
E se o time de design e o de código discordarem?
É o caso mais comum. A peça só é publicada quando existe no editor e no repositório com o mesmo nome e os mesmos estados.
Vocês entregam em qual tecnologia?
As variáveis saem em CSS e em formato de tokens; os componentes, na biblioteca que a equipe já usa no projeto.
Dá para começar só pelos formulários?
Dá, e costuma ser o melhor começo: é onde os estados faltam com mais frequência e onde o ganho aparece primeiro.
Traga as telas que a equipe mais refaz
+55 15 93769-6863Pedir levantamentoContato
Fale com o estúdio
Conte quantas telas existem hoje e quem mexe nelas.
Endereço
Rua Dionízio Bueno Sampaio 91, Sorocaba — SP
CEP
18022-253
CNPJ
11.795.908/0001-55
Semana
Segunda a sexta, das 9h30 às 17h
Sábado
Sábados, das 10h às 12h
Domingo
fechado
Telefone
E-mail