Branding e Posicionamento
Ícones e Ilustrações
Damos-lhe um sistema, não um pasta de arquivos soltos: ícones e ilustrações que escalam em web, app e apresentações com o mesmo vocabulário visual.
Definimos primeiro o “contrato” gráfico: grelha, espessura de traço, cantos, metaforização permitida e nível de detalhe por tamanho. Isso evita que cada tela reinvente o estilo e quebra a implementação em código.
Para ilustrações, alinhamos personagens, objetos recorrentes e paleta derivada da identidade — com variantes para estados vazios, erro e onboarding. Para ícones, cobrimos o set mínimo do produto e documentamos nomes semânticos para acessibilidade e handoff a engenharia.
Portfólio de Ícones e Ilustrações
Entregáveis
Biblioteca de ícones
Set acordado em formato editável + exportações prontas para implementação.
Ilustrações modulares
Cenas ou peças reutilizáveis alinhadas ao tom de marca (sério, humano, técnico).
Guia de uso
Tamanhos mínimos, alinhamento à grelha, combinação com texto e exemplos proibidos.
Folha de naming e acessibilidade
Labels sugeridos para leitores de tela e convenções para ícones decorativos vs informativos.
Arquivo-fonte organizado
Páginas por categoria (navegação, ações, estados) para manutenção futura.
Pacote de onboarding
Resumo para novos designers ou agências aplicarem o sistema sem reinterpretação.
Metodologia de execução
-
Inventário e prioridades
Lista de telas, ações e narrativas que precisam de ícone ou ilustração; priorização por impacto e reutilização.
-
Direção de estilo
Referências, testes de traço em 16px/24px, regras de cor e de combinação com fotografia ou UI existente.
-
Produção em lotes
Desenho iterativo com revisões curtas: metades do set primeiro para validar padrão antes de escalar.
-
Estados e variantes
Active/disabled, temas claro/escuro, RTL quando necessário, e versões simplificadas para favicon ou thumbnail.
-
Entrega técnica
SVG otimizado, PNG @1x/@2x, naming de camadas, símbolos em Figma (ou equivalente) e documentação para devs.
