O Gap Entre Estratégia e Design
Você acabou de terminar o workshop de marca. O cliente disse que quer ser "moderno", "confiável" e "disruptivo". Todo mundo concordou. Mas quando você senta para esboçar o primeiro conceito, percebe que essas palavras podem significar mil coisas diferentes. Essa é a fase pré-conceito—o trabalho crítico entre a estratégia e a direção visual que evita ciclos de design desperdiçados.
Essa fase é sobre transformar adjetivos abstratos em um entendimento compartilhado do que a marca deve comunicar. Envolve pesquisar o contexto da marca, revelar suposições ocultas e construir uma fundação visual antes de qualquer logo ou paleta de cores ser tocada.
Como Marty Neumeier disse, "Uma marca é a sensação visceral de uma pessoa sobre um produto, serviço ou empresa." Seu trabalho é alinhar essa sensação entre os stakeholders antes de começar a projetar.
Etapa 1: Pesquise o Contexto da Marca
Comece com perguntas de percepção que vão além da descoberta padrão:
- O que as pessoas devem acreditar depois de ver a marca pela primeira vez?
- O que faria a marca parecer credível nesta categoria?
- Se a marca fosse uma pessoa, como ela falaria?
- O que os clientes atualmente entendem errado?
- Onde a marca precisa se encaixar ou quebrar as normas da categoria?
Essas perguntas revelam suposições por trás das opiniões. Por exemplo, um cliente de health tech queria ser "disruptivo", mas seu público era instituições médicas conservadoras. A disrupção tinha que significar clareza e eficiência, não rebelião.
Exercício 1: Mapeamento de Percepção de Concorrentes
Antes do workshop, colete capturas de tela dos concorrentes. Peça aos stakeholders para colocá-los em um mapa de 2 eixos (ex: tradicional a progressivo, corporativo a humano). Os desacordos que isso cria são ouro—eles expõem como diferentes pessoas definem confiança, inovação e credibilidade.
Exercício 2: Visual Brand Driver
Peça aos stakeholders para escolher imagens para categorias não relacionadas (transporte, mobiliário, humor) que representem a empresa, não o gosto pessoal. Depois, peça que expliquem suas escolhas com adjetivos. Isso revela padrões e contradições na percepção da marca.
// Exemplo: Estrutura simples de dados de mapa de percepção
const perceptionMap = {
competitors: [
{ name: 'Concorrente A', x: 2, y: 3, note: 'Parece corporativo mas progressivo' },
{ name: 'Concorrente B', x: 4, y: 1, note: 'Muito conservador para nosso público' }
],
axes: { x: 'Tradicional a Progressivo', y: 'Corporativo a Humano' }
};
Etapa 2: Transforme a Direção Compartilhada em uma Fundação Visual
Depois de revelar as suposições, estruture uma reunião em torno de três camadas:
- Look and Feel: Quadros de percepção, não moodboards. Colete referências com base nos insights do workshop.
- Design Code: Traduza ideias de marca em princípios visuais. Para um app de parentalidade, "suporte personalizado" pode se tornar formas orgânicas e linhas manuscritas.
- Brand Assets: Discuta tipografia, cor, estilo de logo, fotografia e direção de ilustração.
Checklist Pré-Conceito
Antes de começar o primeiro conceito, garanta que seu time tenha:
- Um entendimento claro do que a marca precisa comunicar
- Um caráter de marca definido
- Referências visuais ligadas à percepção, não ao gosto
- Ideias-chave de marca traduzidas em princípios visuais
- Áreas de acordo e desacordo documentadas
Esse checklist evita que o primeiro conceito seja um chute. Ele dá limites e torna a conversa sobre "Isso expressa a marca que acordamos?" em vez de "Eu gosto disso".
Conclusão: O Primeiro Conceito Deve Ser um Próximo Passo, Não uma Surpresa
A fase pré-conceito não remove criatividade—ela dá um problema mais afiado para resolver. Ao investir tempo em pesquisa, exercícios com stakeholders e princípios visuais, você criará conceitos que parecem inevitáveis, não aleatórios.
Para um mergulho mais profundo em workshops de marca, confira nosso Brand Workshop Toolkit. E se você está interessado em como sistemas de design escalam, não perca nossa análise sobre StyleX: A Resposta da Meta para CSS em Escala.