logo designApril 20, 202612 min read

O Processo de Design de Logo: Do Brief ao Arquivo Final em 7 Etapas

O processo completo de design de logo que um designer de verdade usa. Brief, pesquisa, conceito, esboço, vetor, variantes, entrega. Template real e checklist de entrega incluídos.

By Boone
XLinkedIn
logo design process

Um bom logo parece inevitável. Como se não pudesse ter sido nada diferente. Essa inevitabilidade é o resultado de um processo executado sete vezes seguidas por um designer que se recusou a pular etapas.

A maioria dos logos ruins não é ruim por questão de gosto. É ruim porque o designer abriu o Illustrator no primeiro dia, pulou o brief, pulou a pesquisa, pulou os esboços, pulou o sistema de variantes e pulou a entrega. Este artigo percorre o processo que um designer de verdade usa, com um template real de brief e um checklist de entrega.

O processo é o entregável

O logo é o resultado visível. O processo é o que faz ele sobreviver fora do pitch deck.

Um logo criado numa tarde parece um logo criado numa tarde. Ele vive no cabeçalho de uma landing page em 1x e morre num favicon de 16px, numa camiseta preta ou num boné bordado. As sete etapas se acumulam. Cada uma restringe a próxima. Pule qualquer etapa e a seguinte roda sem a restrição que precisava, e é por isso que "logos rápidos" parecem irresolutos seis meses depois.

Etapa 1: O brief que você realmente consegue usar

O brief é o contrato. Se o brief é vago, o logo será vago, e nenhuma quantidade de esboços vai corrigir isso.

A maioria dos briefs falha porque ou é um questionário de marketing ou é um documento de "vibe" ("clean mas também bold mas também acessível mas também premium"). Nenhum dos dois restringe nada. Um brief funcional exige respostas específicas para cinco perguntas em uma página. Use o template abaixo como está, preenchido pelo cliente antes da reunião de kickoff.

SeçãoPerguntaFormato da resposta
1. O negócioEm uma frase, o que o negócio faz?Uma frase. Não um statement de missão.
2. O públicoQuem é o melhor cliente que você já teve? Descreva em 2 frases.Pessoa real, não uma persona.
3. Os concorrentesCite três. Como o seu logo NÃO deve parecer?Links de três logos que você está evitando.
4. A aplicaçãoOnde o logo aparecerá com mais frequência?As três principais superfícies, em ordem.
5. A sensaçãoEscolha três palavras desta lista que descrevem a marca. Escolha três que não descrevem.De uma lista de vocabulário compartilhada.

A pergunta sobre sensação é a que a maioria dos designers pula. Forneça uma lista de vocabulário com 25 a 40 adjetivos (bold, restrained, playful, serious, warm, clinical, classic, contemporary, technical, human, soft, sharp). Force três escolhas e três anti-escolhas. As anti-escolhas valem mais do que as escolhas. "Não clínico" restringe mais do que "acolhedor".

Para o contexto maior de marca em torno desta etapa, veja como criar uma identidade de marca, que cobre a camada de descoberta na qual um logo se insere. O brief aqui é a versão comprimida para um escopo de logo apenas. Você não abre o Figma até o brief estar assinado. Revisões no brief são baratas. Revisões no logo não são.

Etapa 2: A pesquisa que merece uma opinião

A pesquisa é onde a maior parte do pensamento real acontece. O logo ainda não foi desenhado, e esse é exatamente o ponto.

A pesquisa tem três rodadas, em ordem. Pule a ordem e você vicia o conceito antes de merecer ter um.

Rodada de concorrentes. Reúna todos os logos de concorrentes e de categorias adjacentes em um único quadro de auditoria. Agrupe-os por família de cores, estilo de mark (wordmark, lettermark, símbolo, combinação), era e nível de execução. O quadro é a evidência de como a categoria já se parece, e isso diz o que você não pode parecer.

Rodada de categoria. Reúna logos de categorias adjacentes das quais a marca quer tomar emprestado. Uma fintech que quer parecer uma ferramenta de design busca Linear e Vercel, não PayPal. Uma cafeteria que quer parecer uma marca de hardware busca Braun e Muji, não Starbucks. A direção do empréstimo geralmente é de onde vêm as boas ideias.

Rodada de craft. Reúna 20 a 40 logos que você respeita pessoalmente. Não se limite por categoria. É aqui que você se lembra como logos bons se parecem, para não recorrer automaticamente à primeira forma que sua mão desenha.

A pesquisa termina quando você consegue escrever três frases: como a categoria se parece agora, o que a marca deve tomar emprestado de fora dela e qual uma coisa o logo vai conquistar que nenhum concorrente tem.

Grade de mood board em voxel com três grupos de pesquisa empilhados no chão escuro de um estúdio: uma linha de concorrentes com wordmarks discretos, uma linha de empréstimo de categoria com marks geométricos nítidos e uma linha de craft com símbolos clássicos e contidos. Linhas separadoras ciano limpas entre as três linhas.
Grade de mood board em voxel com três grupos de pesquisa empilhados no chão escuro de um estúdio: uma linha de concorrentes com wordmarks discretos, uma linha de empréstimo de categoria com marks geométricos nítidos e uma linha de craft com símbolos clássicos e contidos. Linhas separadoras ciano limpas entre as três linhas.

Etapa 3: Conceito antes dos pixels

O conceito é onde você decide o que o logo está fazendo antes de decidir como ele vai parecer. Dois designers podem usar o mesmo brief e produzir logos radicalmente diferentes porque seus conceitos diferem.

Um conceito é uma frase descrevendo o que o mark deve comunicar e como deve parecer. Não quais formas deve usar, não qual cor deve ter. Exemplos:

  • "O mark deve parecer uma confiança silenciosa que não precisa elevar a voz."
  • "O mark deve parecer um único movimento contínuo, como o próprio produto."
  • "O mark deve parecer um tipo tão bem desenhado que o nome da marca é o logo inteiro."

Três conceitos é o número certo para explorar. Um é um compromisso que você ainda não mereceu. Dez é uma recusa em comprometer. Três te força a escolher direções defensáveis e eliminar as ruins antes dos esboços.

Apresente os três conceitos ao cliente como palavras, não imagens. Você está vendendo a ideia, não a execução. Se o cliente não consegue escolher uma direção a partir de três frases, o brief não foi específico o suficiente e você volta para a etapa 1.

Etapa 4: Esboçando à mão

O esboço é onde o conceito vira forma. Acontece no papel, não no Figma. Tem uma razão específica para isso.

As ferramentas digitais refinam tudo igualmente. Cada linha suave, cada curva limpa, cada canto perfeito. Essa suavidade é uma armadilha no início porque faz toda ideia parecer igualmente acabada e você perde a capacidade de distinguir uma boa ideia de uma ideia ruim bem polida. O papel é irregular. O papel te força a desenhar o mesmo mark 40 vezes em 20 minutos, e na 35ª vez você vê qual versão tem a estrutura que importa.

Uma boa sessão de esboço produz 30 a 80 thumbnails por direção de conceito, pequenos e rápidos e feios, sem apagar e sem julgar. Depois circule os 5 a 10 que valem escanear, importe-os para o Figma em tamanho pequeno e olhe para eles como grupo. Os 2 a 3 que ainda parecem certos são seus candidatos para vetorização.

Visão aérea do espaço de trabalho em voxel: um caderno de papel com thumbnails de logo pequenos e brutos desenhados em tinta, alguns lápis ao lado, uma xícara de café e um tablet na borda mostrando os mesmos thumbnails escaneados em tamanho pequeno em uma grade. Mesa de madeira escura do estúdio Brainy.
Visão aérea do espaço de trabalho em voxel: um caderno de papel com thumbnails de logo pequenos e brutos desenhados em tinta, alguns lápis ao lado, uma xícara de café e um tablet na borda mostrando os mesmos thumbnails escaneados em tamanho pequeno em uma grade. Mesa de madeira escura do estúdio Brainy.

Etapa 5: Vetorizando os poucos que sobreviveram

Vetorizar é trabalho de craft. Cada curva, cada canto, cada correção óptica é feita com intenção. É aqui que a qualidade é decidida.

Três coisas importam, e a maioria dos designers júnior só faz a primeira.

Construção. Decida se o logo é construído em uma grade geométrica estrita, uma grade óptica solta ou curvas livres refinadas depois. Grades estritas parecem engenheiradas, grades ópticas soltas parecem humanas e as curvas livres parecem artesanais. Escolha uma e mantenha a disciplina em cada letra e forma.

Correção óptica. Precisão matemática e precisão visual não são a mesma coisa. Um O perfeitamente circular parece menor do que um quadrado de mesma altura, então ultrapasse formas redondas em 1 a 2 por cento e dê aos traços verticais ligeiramente mais massa do que aos horizontais. Um mark que é geometricamente correto mas opticamente errado parece estranho, e nenhum cliente vai conseguir te dizer por quê. Essa é a linha entre trabalho vetorial amador e profissional.

Redução. Em cada etapa, pergunte o que pode ser retirado. Remova uma curva, uma serifa, um detalhe. Se o mark ainda funciona, o detalhe era decoração, não estrutura. A abordagem de design de logo com espaço negativo é um sabor dessa disciplina aplicado ao espaço entre as formas.

A etapa vetorial termina quando o mark lê claramente a 24px, aguenta a 240px e quebra se você remover qualquer elemento.

Etapa 6: Variantes e o sistema ao redor do mark

Um único arquivo é um mark. Um sistema de variantes é um logo. Essa distinção separa um logo que você pode entregar de um que só funciona no hero do pitch deck.

Um logo funcional é entregue como um sistema de variantes com, no mínimo:

VarianteUsada para
Lockup primárioO logo completo, geralmente wordmark mais mark
Lockup horizontalCabeçalhos de página, assinaturas de e-mail, faixas de rodapé
Lockup verticalAvatares de perfil, ícones de app, verso de cartão de visita
Somente o markFavicons, ícones de app, avatares sociais
Somente o wordmarkContextos onde o mark seria pequeno demais
MonocromáticoPreto puro, branco e tinta de marca em cor única para impressão e produtos
Sobre fundo claro e escuroRegras pareadas de espaço em branco e contraste
Regras de tamanho mínimoQuando o lockup quebra e o mark individual assume

O sistema de variantes também é onde as decisões de cor são feitas em produção. O guia de paleta de cores da marca cobre a abordagem em camadas, e o trabalho de sistema tipográfico é a mesma disciplina aplicada à tipografia.

Grade de variantes em voxel sobre superfície escura de estúdio: um lockup horizontal primário no canto superior esquerdo, um lockup vertical ao lado, um quadrado somente com o mark, uma barra somente com o wordmark, um bloco preto sobre branco, um bloco branco sobre preto e um bloco de tinta de marca em cor única no canto inferior direito. Cada bloco tem um fino contorno ciano. Grade limpa.
Grade de variantes em voxel sobre superfície escura de estúdio: um lockup horizontal primário no canto superior esquerdo, um lockup vertical ao lado, um quadrado somente com o mark, uma barra somente com o wordmark, um bloco preto sobre branco, um bloco branco sobre preto e um bloco de tinta de marca em cor única no canto inferior direito. Cada bloco tem um fino contorno ciano. Grade limpa.
Pacote de entrega em voxel: um diagrama limpo de árvore de pastas em blocos voxel com pilhas rotuladas para arquivos fonte, exportações SVG, tamanhos PNG, arquivos PDF para impressão, favicons, docs de especificação e aplicações. Uma linha ciano conecta cada pilha a um bloco de amostra mostrando o tipo de conteúdo. Fundo escuro do estúdio Brainy.
Pacote de entrega em voxel: um diagrama limpo de árvore de pastas em blocos voxel com pilhas rotuladas para arquivos fonte, exportações SVG, tamanhos PNG, arquivos PDF para impressão, favicons, docs de especificação e aplicações. Uma linha ciano conecta cada pilha a um bloco de amostra mostrando o tipo de conteúdo. Fundo escuro do estúdio Brainy.

Etapa 7: O pacote de entrega

A entrega é onde o logo se torna propriedade. A maioria dos freelancers manda um ZIP com três PNGs e chama de pronto. Isso é uma transferência de arquivo, não uma entrega.

Um pacote de entrega real inclui tudo que a equipe interna do cliente e os parceiros externos vão precisar nos próximos 5 a 10 anos. Construa uma vez, entregue uma vez, nunca mais ouça falar sobre isso. Use isto como o checklist de entrega.

Arquivos fonte

  • Arquivo vetorial master (AI ou SVG), editável, camadas nomeadas
  • Arquivos separados por variante (horizontal, vertical, mark, wordmark, monocromático)
  • Exportações SVG, otimizadas, prontas para web
  • Exportações PNG em múltiplos tamanhos, fundo transparente
  • Exportações PDF para impressão (CMYK, com sangria se necessário)
  • Set de favicon (16x16, 32x32, 180x180, 512x512)

Documentação de especificação

  • Regras de espaço em branco, diagramadas
  • Regras de tamanho mínimo, diagramadas
  • Tokens de cor (hex, RGB, CMYK, Pantone se relevante para impressão)
  • Pareamento tipográfico, com as fontes primária e de fallback nomeadas
  • O que fazer e o que não fazer com o uso, mostrado visualmente

Aplicações e licença

  • Logo em fundos na cor da marca e fotografia, aprovados
  • Avatar social em 400x400 e 1024x1024
  • Composição de assinatura de e-mail, template de slide de título de apresentação
  • Transferência de propriedade assinada, licenças tipográficas listadas se fontes comerciais forem usadas
  • Contato para dúvidas de marca por 6 meses após o lançamento

Comprima tudo em ZIP com um readme que explica a estrutura de pastas. O pacote de entrega é o momento em que o cliente para de sentir que contratou alguém e começa a sentir que possui algo.


Precisa de um logo que sobreviva em toda superfície onde aparecer? A Brainy executa o processo completo de logo em sete etapas, com o brief, as variantes e o pacote de entrega incluídos.


O cronograma realista do projeto

Aqui estão as sete etapas como um cronograma de trabalho para um designer solo ou um pequeno estúdio.

EtapaDias úteisEntregável
1. Brief1-2Brief de uma página assinado
2. Pesquisa2-3Resumo de auditoria em três frases
3. Conceito1-2Três direções de conceito escritas
4. Esboço2-4Thumbnails escaneados, 2-3 candidatos
5. Vetor3-5Marks vetoriais refinados
6. Variantes2-4Sistema completo de variantes
7. Entrega1-2Pacote de entrega completo
Total12-22 dias

O tempo real no calendário é de 4 a 8 semanas para um designer solo. O preço acompanha o escopo: logo apenas em freelance vai de 2.000 a 15.000 dólares para pequenos negócios, 15.000 a 40.000 para negócios médios. Estúdios cobram de 25.000 a 100.000 pelo mesmo escopo com craft mais aprofundado. Abaixo de 2.000 dólares você está recebendo um wordmark em uma fonte de template, não um processo de logo.

Depois de ver isso dar errado cem vezes, três padrões matam projetos de logo de forma mais confiável do que qualquer outra coisa.

Começar no Figma. Todo designer é tentado a pular o brief, a pesquisa e os esboços, e simplesmente mover formas. O logo que sai parece seja lá qual forma o designer já sabia como fazer. Não vai sobreviver à terceira rodada de revisões. Papel primeiro, sempre.

Mostrar um logo único em vez de variantes. Clientes rejeitam logos de arquivo único porque não conseguem ver como funciona no cartão de visita, no avatar ou no favicon. As variantes são como um cliente visualiza o logo como um sistema que pode operar.

Pular o pacote de entrega. O cliente recebe um PNG, não encontra o arquivo fonte seis meses depois, pede a uma nova agência para refazer o logo, e o mark em que você passou três semanas é redesenhado por alguém que nunca viu o seu brief. O pacote de entrega é o que protege o trabalho depois que você foi embora.

FAQ

Designer solo executando as sete etapas completas: 12 a 22 dias úteis, o que equivale a 4 a 8 semanas no calendário com revisão do cliente. Contratação de estúdio: 3 a 6 semanas com uma equipe maior. Qualquer coisa prometida em menos de 2 semanas está pulando o brief, a pesquisa ou o sistema de variantes.

O que um brief de design de logo deve incluir?

Cinco seções, uma página, preenchidas pelo cliente antes do kickoff: o que o negócio faz em uma frase, quem é o melhor cliente, três concorrentes e como o logo não deve parecer, as três principais superfícies em que aparecerá e três adjetivos de uma lista de vocabulário compartilhada que descrevem a marca mais três que não descrevem. Os anti-adjetivos importam mais do que os adjetivos.

Realmente preciso esboçar no papel?

Sim, e o motivo é estrutural. As ferramentas digitais refinam tudo igualmente, o que esconde quais ideias têm estrutura real. O papel te força a desenhar o mesmo mark várias vezes, e a repetição revela as ideias estruturais que você perderia na tela. A maioria dos designers que pula o papel produz logos tecnicamente limpos mas que parecem genéricos.

Entregue logos que merecem sua inevitabilidade

As sete etapas não são burocracia, elas se acumulam. O brief restringe a pesquisa, a pesquisa restringe o conceito, o conceito restringe o esboço, o esboço restringe o vetor, o vetor restringe as variantes, as variantes restringem a entrega. Quando o logo é finalizado, ele passou por seis filtros, e o que sai é a única versão que poderia ter existido dado o brief. Essa é a qualidade que faz um logo parecer inevitável, não genialidade e não gosto, mas um processo que removeu todas as opções que não eram a certa.

Execute as sete etapas. Use o template de brief. Entregue o sistema de variantes. Entregue o pacote de entrega. O logo ainda vai estar trabalhando no negócio do cliente muito depois de ele ter parado de lembrar o seu nome.

Precisa de um logo que sobreviva em toda superfície onde aparecer? A Brainy executa o processo completo de logo em sete etapas, com o brief, as variantes e o pacote de entrega incluídos.

Need a logo that survives every surface it lands on? Brainy runs the full seven-step logo process with the brief, the variants, and the delivery pack included.

Get Started