Contar o que existe
Toda peça repetida entra numa lista com a tela onde aparece.
Biblioteca de componentes · Fortaleza — CE
Um sistema de design montado para o time que programa
Somos um estúdio de UI/UX em Fortaleza. Levantamos as peças que o seu produto já usa, montamos a biblioteca — botão, campo, aviso, tabela, modal —, escrevemos a regra de uso de cada uma e deixamos o arquivo de design e o repositório chamando as coisas pelo mesmo nome.
- Peça com nome e regra
- Mesmo nome no design e no código
- Inventário antes da biblioteca
peças no primeiro lote10
revisões com o time6
semanas de montagem7
times por ano8
Como a biblioteca nasce
Oito decisões que transformam um monte de telas em sistema
Sistema de design não começa por arquivo bonito: começa por contagem. No último inventário que fizemos apareceram onze alturas de botão e sete cinzas diferentes num produto de quatro telas.
Um nome por peça
Nome curto, em português, escolhido junto com quem programa.
Escala de espaço
Uma régua de oito passos encerra a discussão de margem.
Cor com função
Cada tom ganha um papel: aviso, erro, apoio, fundo.
Texto em degraus
Cinco tamanhos de texto, nenhum improvisado no meio da tela.
Estado por peça
Foco, erro, desativado e carregando desenhados uma vez só.
Regra escrita
Quando usar e quando não usar, em duas linhas por peça.
Mesmo nome no código
O componente do repositório e o do arquivo se chamam igual.
Lotes
A biblioteca sai em lotes, e o primeiro já entra em produção
Ninguém espera o sistema inteiro para começar a usar. Cada lote sai pronto, documentado e com as telas de exemplo que provam que ele serve.
Inventário e nomes
A contagem das peças que o produto já tem e o vocabulário fechado com o time.
Fundações
Cor, texto, espaço, cantos e sombras definidos como valores, não como gosto de cada tela.
Peças de formulário
Campo, seleção, marcação e o comportamento de erro que vale para todas elas.
Navegação
Menu, abas, trilha e rodapé, com a versão de celular resolvida junto.
Avisos e diálogos
Mensagem de sucesso, alerta, confirmação e a regra de quando interromper a pessoa.
Dados em tela
Tabela, lista, cartão e o que cada um mostra quando vem vazio.
Documentação e repasse
Regras de uso, telas de exemplo e uma sessão gravada com o time de desenvolvimento.
Contratação
Três tamanhos de trabalho
Do inventário avulso ao sistema montado lote a lote com o time dentro.
Inventário de peças
R$ 640
- Contagem das peças repetidas
- Mapa de onde cada uma aparece
- Lista de conflitos por ordem de dor
- Proposta de vocabulário
Fundações e primeiro lote
R$ 2.100
- Cor, texto e espaço como valores
- Peças de formulário prontas
- Regras de uso escritas
- Telas de exemplo para conferência
Sistema com o time dentro
R$ 5.090
- Todos os lotes da biblioteca
- Revisão a cada entrega
- Nomes casados com o repositório
- Sessão gravada de repasse
O que não entra
Não programamos a biblioteca. Entregamos o desenho, os valores e a documentação; quem escreve o componente é o seu time, e ficamos na revisão enquanto isso acontece.
Depoimentos
Times que pararam de redesenhar o mesmo botão
Quadro dos últimos trabalhos, publicado com autorização de cada empresa.
| Quem | Onde | O que mudou |
|---|---|---|
| Ivanilde R. | gerente de produto varejo de material de construção | Descobrimos onze botões diferentes. Dois eram o mesmo botão com um pixel de diferença. |
| Firmino T. | líder técnico software de frota | Quando o nome do componente ficou igual nos dois lados, o "qual card é esse" sumiu do nosso canal. |
| Lucimara P. | designer única empresa de energia solar | Eu era a única designer de quatro produtos. A régua de espaço me devolveu as tardes. |
| Osmar do A. | diretor de tecnologia rede de farmácias | O lote de formulário entrou em produção antes do sistema estar pronto. Era exatamente o que eu precisava. |
| Berenice Q. | desenvolvedora sênior plataforma de cursos | A regra escrita de quando não usar o modal evitou três discussões por sprint. |
| Waldemar C. | sócio software de contabilidade | Os estados de erro estavam em cinco lugares e nenhum igual. Agora são um. |
Dúvidas do time
O que perguntam antes de abrir o inventário
As sete perguntas mais comuns de quem já tem produto rodando.
01
Precisamos parar o desenvolvimento durante o trabalho?
Não. Os lotes existem justamente para que o time continue entregando: cada um sai fechado e entra em produção enquanto montamos o seguinte.
02
Vocês escrevem o código dos componentes?
Não escrevemos. Entregamos desenho, valores e documentação, e revisamos o que o seu time implementa até os dois lados baterem.
03
Já usamos uma biblioteca pronta de mercado. Serve?
Serve, e economiza lote. Nesse caso o trabalho vira configurar os valores da sua marca e documentar as peças que vocês criaram por fora dela.
04
Quem decide o nome das peças?
O time decide junto conosco, em uma sessão de uma hora. Nome imposto de fora morre no primeiro mês.
05
E se o produto mudar de cara depois?
Os valores mudam num lugar só e descem para todas as peças. É o motivo de a cor entrar como função e não como código solto na tela.
06
Dá para começar só pelo inventário?
Dá, e é o começo mais comum. Duas semanas depois você tem a contagem e a lista de conflitos em ordem, e decide se continua.
07
Como fica a versão de celular?
Cada peça nasce com o comportamento nas duas larguras. Componente que só funciona no monitor volta para a prancheta.
Quantos botões diferentes existem no seu produto hoje?
Quase ninguém sabe responder de cabeça. O inventário responde em duas semanas, com a lista de conflitos em ordem de incômodo.
Contato
Fale com a oficina
EndereçoRua Dom Marcos Teixeira 178
Fortaleza — CE, CEP 60864-250
Fortaleza — CE, CEP 60864-250
RegistroCNPJ 22.135.895/0001-04
SemanaSegunda a sexta, das 8h às 19h30
SábadoSábados, das 9h às 14h
Domingofechado
Telefone+55 85 96528-3252
E-mail[email protected]