Descrição do projeto
TraduzidoNossa interface foi montada ao longo de três anos por diferentes pessoas, e você pode ver cada transição nela. O botão na página de cobrança é dois pixels mais alto que o botão nas configurações, os espaçamentos são escolhidos a olho, e eu contei seis tons de cinza nos mockups que ninguém consegue distinguir ou explicar. Cada nova tela começa com uma discussão sobre como deve ser um botão primário e termina com mais um campo de entrada ligeiramente diferente.
Quero fechar essa questão de uma vez por todas. Estou encomendando um sistema de design no Figma que se torne a única fonte de verdade para o produto: tokens de cor e tamanho, uma escala tipográfica, uma grade e uma biblioteca de componentes onde cada elemento carrega todos os seus estados — padrão, hover, pressionado, desativado, erro e carregando. Formulários e tabelas merecem a maior atenção, porque é onde nossos usuários realmente trabalham e onde a inconsistência dói mais hoje.
Temas claro e escuro devem ser construídos a partir dos mesmos tokens, então mudar de tema é uma troca de valores e não um segundo conjunto de telas. Cada componente precisa de uma página de documentação curta: quando usá-lo, quando não usar, quais variantes existem, como se comporta em uma tela estreita. O teste de aceitação é simples — um desenvolvedor abre a biblioteca e monta uma tela sem me fazer uma única pergunta.
O que espero do trabalho:
— tokens para cor, espaçamento, raio e tipografia, temas claro e escuro de um conjunto compartilhado;
— uma biblioteca de componentes com todos os seis estados em cada elemento interativo;
— formulários e tabelas em detalhes: campos, validação, ordenação, paginação, estados vazios;
— regras de espaçamento e uma grade que permitam montar uma tela sem improvisação;
— uma página de documentação para cada componente, escrita para desenvolvedores, não para um portfólio;
— modelos de telas típicas: lista, cartão de registro, configurações, formulário de etapas, estados vazios e de erro;
— o contraste de texto e elementos da interface é verificado em relação a normas de acessibilidade comumente aceitas, não a olho;
— fontes são escolhidas com uma licença que cobre uso na web;
— a biblioteca é entregue com direitos sobre o arquivo e não está vinculada à conta do contratante.
Duas semanas é o prazo que estou contando, e estou feliz em dividir o trabalho em etapas com uma revisão após cada uma.
Quero fechar essa questão de uma vez por todas. Estou encomendando um sistema de design no Figma que se torne a única fonte de verdade para o produto: tokens de cor e tamanho, uma escala tipográfica, uma grade e uma biblioteca de componentes onde cada elemento carrega todos os seus estados — padrão, hover, pressionado, desativado, erro e carregando. Formulários e tabelas merecem a maior atenção, porque é onde nossos usuários realmente trabalham e onde a inconsistência dói mais hoje.
Temas claro e escuro devem ser construídos a partir dos mesmos tokens, então mudar de tema é uma troca de valores e não um segundo conjunto de telas. Cada componente precisa de uma página de documentação curta: quando usá-lo, quando não usar, quais variantes existem, como se comporta em uma tela estreita. O teste de aceitação é simples — um desenvolvedor abre a biblioteca e monta uma tela sem me fazer uma única pergunta.
O que espero do trabalho:
— tokens para cor, espaçamento, raio e tipografia, temas claro e escuro de um conjunto compartilhado;
— uma biblioteca de componentes com todos os seis estados em cada elemento interativo;
— formulários e tabelas em detalhes: campos, validação, ordenação, paginação, estados vazios;
— regras de espaçamento e uma grade que permitam montar uma tela sem improvisação;
— uma página de documentação para cada componente, escrita para desenvolvedores, não para um portfólio;
— modelos de telas típicas: lista, cartão de registro, configurações, formulário de etapas, estados vazios e de erro;
— o contraste de texto e elementos da interface é verificado em relação a normas de acessibilidade comumente aceitas, não a olho;
— fontes são escolhidas com uma licença que cobre uso na web;
— a biblioteca é entregue com direitos sobre o arquivo e não está vinculada à conta do contratante.
Duas semanas é o prazo que estou contando, e estou feliz em dividir o trabalho em etapas com uma revisão após cada uma.
Design e multimídia Dinheiro, Transferência bancária
