Design e Experiência
Design de Interfaces (UI)
UI não é só estética: é contrato visual com o usuário e com o código. Construímos bibliotecas de componentes pensadas em estados (loading, vazio, erro, permissão), densidade informacional e tokens que o front consegue implementar sem adivinhar.
Atuamos em dashboards densos, apps mobile e marketing sites que precisam de conversão. Cruzamos identidade de marca com padrões de plataforma (Material, HIG) quando faz sentido, e documentamos decisões para não “derreter” o sistema em cada sprint.
Para startups, priorizamos um núcleo de componentes + páginas críticas do funil; para produtos em escala, reforçamos variantes, temas (claro/escuro) e critérios de acessibilidade mínimos (contraste, foco, tamanho de alvo).
Portfólio de Design de Interfaces (UI)
Entregáveis
UI kit no Figma (ou equivalente)
Componentes auto-layout com variantes e documentação embutida.
Guia de uso do sistema
Quando usar cada padrão, densidade e hierarquia tipográfica.
Mapa de estados por componente
Default, hover, focus, disabled, erro, carregamento e vazio.
Especificações responsivas
Comportamento por breakpoint e prioridade de conteúdo em mobile.
Checklist de acessibilidade visual
Contraste, foco, labels e tamanho mínimo de toque.
Pacote de exportação para dev
Tokens, ícones e notas de implementação alinhadas ao stack acordado.
Metodologia de execução
-
Auditoria de superfície e stack
Inventário de telas, padrões quebrados, constraints de framework e ritmo de release do time de engenharia.
-
Fundamentos visuais e tokens
Tipografia, cor, espaçamento, elevação e nomenclatura alinhada a design tokens exportáveis (JSON/CSS).
-
Biblioteca de componentes
Botões, inputs, tabelas, modais, navegação — com estados e variações responsivas documentadas.
-
Layouts de páginas-chave
Fluxos de alta conversão ou alta frequência; grids e breakpoints explícitos.
-
Handoff e QA visual
Especificações para dev, checklist de regressão visual e alinhamento com testes de acessibilidade básicos.
