Ilustração de marca 101: Visualizando a narrativa

A ilustração lhe dá asas!

Lembre-se daqueles antigos comerciais da Red Bull do início dos anos 2000? Os desenhos animados onde personagens desenhados frouxamente com narizes grandes chupavam de uma lata fina, cresciam asas e alegremente flutuavam para cima, para cima e para longe? Claro que você faz. O estilo e o humor eram inconfundíveis e se tornaram essenciais para a mensagem da Red Bull. De muitas maneiras, esses anúncios bobos foram precursores de uma prática em rápido crescimento no mundo atual de branding.

O que é um sistema de ilustração de marca?

Uma marca é uma promessa. Os designers de marca ajudam as empresas a alcançar as pessoas ao elaborar cuidadosamente essa promessa com palavras, logotipos, cores e tipografia. Cada vez mais, a ilustração está sendo usada para expressar o valor da marca, especialmente na web. Para ser claro, as empresas estão indo além de encomendar ilustrações pontuais que destacam pontos de discussão isolados em seus sites. Atualmente, eles estão investindo tempo e recursos substanciais em extensos sistemas de ilustração de marca.

Um sistema de ilustração de marca é uma coleção de imagens com um humor e estilo coesos que esclarecem a promessa de uma marca, muitas vezes com um aceno para a experiência humana (humor, esperança, ironia, etc.).

É importante notar que, a menos que haja uma estratégia específica indicando o contrário, a ilustração deve ser uma parte complementar da estrutura geral de uma marca.

Se a mensagem e a identidade visual de uma marca são estruturadas e sérias, um sistema de ilustração solto e lúdico pode causar confusão, principalmente se não houver uma intenção clara por trás da escolha do estilo.

Por que um sistema de ilustração de marca é útil?

A ilustração tem a capacidade de reimaginar a realidade de uma maneira familiar, mas deliciosamente incomum, o que a torna particularmente útil quando uma ideia é difícil de explicar. É uma maneira poderosa de eliminar distrações e relacionar emoções complexas rapidamente. Mas por que projetar um sistema de ilustrações de marca? Por que não criar imagens individuais conforme necessário, cada uma com seu próprio estilo distinto?

A primeira resposta é a linguagem. Um sistema de ilustração é uma maneira de enriquecer a linguagem visual de uma marca e dizer coisas mais sutis que um logotipo, esquema de cores, tipo de letra ou mesmo palavras não podem transmitir sozinhos.

A segunda resposta é consistência. Uma marca consistente (ou seja, fazer promessas) cria expectativas para uma empresa atender, e as pessoas recompensam as expectativas atendidas com lealdade.

Um sistema de ilustração de marca oferece a uma empresa a capacidade de desdobrar sua história de marca com consistência em várias plataformas (web, impressão, social etc.).

Como as marcas líderes implementam com sucesso os sistemas de ilustração?

Vamos dar uma olhada em como três grandes marcas usam sistemas de ilustração como parte de sua estratégia de construção de marca para trazer vida, energia e emoção a produtos úteis, mas principalmente utilitários.

Folga

O Slack é uma “plataforma online que conecta as equipes aos aplicativos, serviços e recursos de que precisam para realizar o trabalho”. Recentemente, o site do Slack passou por uma reformulação e ressurgiu inundado de belas ilustrações coloridas que retratam millennials elegantemente vestidos realizando tarefas de escritório com alegria, como verificar mensagens, compartilhar arquivos e enviar notas.

Alice Lee é a talentosa ilustradora por trás dessas imagens, e ela faz um ótimo trabalho explicando sua visão para o sistema de ilustração de marca que ela criou: um movimento cheio de energia, e quebrando a grade composicional.”

Shopify

Shopify é uma plataforma de comércio eletrônico que fornece às pessoas um conjunto de ferramentas para ajudar a vender produtos e administrar um negócio online. A marca da empresa enfatiza a facilidade de uso do produto, desde a construção de uma vitrine de marca até o gerenciamento de estoque e a cobrança de pagamentos.

Com uma visão descontraída da forma humana e linhas levemente desenhadas, a equipe de ilustração da Shopify conseguiu desenvolver um estilo casual, mas visualmente dinâmico, simples e sofisticado. Esse equilíbrio é interessante porque reflete o cerne da promessa da marca: “Perfeito para iniciantes e especialistas”.

Dropbox

O Dropbox é um serviço de hospedagem de arquivos onde os usuários podem armazenar e compartilhar informações e colaborar em projetos. Quando se trata de ilustração de marca, a equipe do Dropbox tem uma rica história de dez anos de experimentação. Eles exploraram uma ampla gama de técnicas e trabalharam com uma lista de ilustradores talentosos, mas em constante mudança. Por tudo isso, eles conseguiram aprimorar o que funciona e encurralar seus esforços criativos em um estilo de ilustração coeso, mas em evolução.

No início de outubro de 2017, o Dropbox apresentou um rebrand ambicioso que inclui uma abordagem renovada para seu sistema de ilustração de marca. O novo estilo usa marcações gestuais de grafite e formas e texturas brutas e brilhantemente padronizadas em um esforço para aproveitar a faísca e a espontaneidade da colaboração criativa.

Como se faz para criar um sistema de ilustração de marca?

Se você nunca trabalhou em um sistema de ilustração de marca, ou já trabalhou, mas não ficou satisfeito com os resultados, aqui está uma lista das principais considerações que trarão mais clareza ao seu próximo projeto de design de marca.

1. Conheça a marca.

• Isso é óbvio, mas não deve ser esquecido. Se você não conhece a marca, é improvável que as ilustrações que você faz ressoem com o público que você está tentando impactar. Conhecer a marca é mais profundo do que conhecer a identidade visual. Você tem que conhecer a promessa. Quem a marca quer ser? Como eles querem ser percebidos? Quem eles estão tentando alcançar?
• Conhecer a marca não é muito complicado. Se você souber ler, fazer anotações, fazer perguntas e usar um mecanismo de pesquisa, encontrará tudo o que precisa.

2. Entenda que tipo de ilustrações são necessárias e como elas serão usadas.

• Seu cliente precisa de ilustrações pontuais? Ilustrações de ícones? Ilustrações full frame?
• As ilustrações são para um site? Para um aplicativo? Ambos?
• As ilustrações serão usadas para impressão? Para embalagem? E os grandes formatos?
• Existem dimensões ou proporções ideais nas quais as ilustrações devem se encaixar? Eles ainda devem ser legíveis em tamanhos super pequenos?

3. Reserve tempo para uma ampla pesquisa visual.

• Não se curta no início do projeto. Você precisa gastar tempo estudando visualmente muitas imagens. Veja o trabalho de outros ilustradores, fotos novas e antigas, obras de arte, livros infantis, revistas e vida real.
• Enquanto você pesquisa, mantenha um registro de esboço. Estes são esboços ásperos e não editados. Faça-os rápidos e abundantes.

4. Apontar para um estilo distinto, mas flexível.

• O sistema de ilustração que você cria deve ter um estilo que o torne especial. Deve evocar emoções que o tornem memorável. Mas, idealmente, as imagens que você cria residirão perfeitamente ao lado de texto, fotografia e outros elementos gráficos sem sobrecarregar ou confundir a mensagem apresentada.

5. Considere criar uma lista de critérios/regras que todas as ilustrações devem atender.

• Se você estiver tendo problemas para criar uma coleção unificada de ilustrações, crie algumas regras simples para você. Estes podem ser arbitrários ou exclusivamente vinculados à identidade visual da marca. Aqui está uma lista rápida de exemplos para você começar:

  • Só usarei Conte Crayons.
  • Cada ilustração deve incluir um círculo, um quadrado e um triângulo.
  • Eu só vou desenhar rostos de um perfil lateral.
  • Nenhuma ilustração pode ter mais de duas cores.

6. Não subestime a importância da cor.

• Uma estratégia de cores dentro do sistema de ilustração da sua marca precisa ser considerada desde os primeiros estágios da pesquisa visual.
• Aqui está um link para um novo estudo fascinante chamado Branded in Memory, que pediu às pessoas que recriassem dez logotipos icônicos da memória. O estudo descobriu que 80% das pessoas foram capazes de lembrar os esquemas de cores corretos da marca, enquanto as formas e outros elementos visuais se mostraram muito mais difíceis de lembrar.

Outras dicas úteis

1. Crie um lugar ou um mundo para o sistema de ilustração.

• Às vezes, surge um projeto e o resumo é vago, ou a identidade da marca de uma empresa é um pouco esparsa, ou a cópia do site é confusa. Quando essas coisas acontecem, pode ser difícil imaginar como você criará um sistema de ilustração de marca significativo e totalmente desenvolvido.
• Antes de tocar o lápis no papel, seja ousado e faça mais perguntas sobre o projeto. Você não está pedindo ideias ao seu cliente, você está pedindo que ele o ajude a entender melhor o que ele faz e por que isso é importante.
• Pegue os pensamentos, palavras e frases que você entende mais claramente e imagine um lugarzinho feliz, talvez uma cidade, onde a marca do seu cliente é proprietária, opera e supervisiona tudo. Imagine como a marca combina com todas as partes da vida e torna as coisas melhores, então capture as vinhetas mentais com esboços em miniatura.
• Criar um lugar ou um mundo é uma ótima maneira de garantir uma sensação consistente em um grande número de ilustrações e conectar experiências humanas positivas com produtos e serviços pelos quais as pessoas podem sentir apatia.

2. Se possível, trabalhe em formato vetorial.

• Não force isso em nenhum projeto, mas se ele se encaixa na visão e os gráficos raster não adicionam impacto significativo, vá de vetor.
• Por que fazer isso? A edição é mais rápida. O redimensionamento é mais fácil (sem pixelização). A cor é mais flexível. Os tamanhos dos arquivos são geralmente menores. Além disso, designers sem habilidades de desenho à mão podem adicionar recursos novos e consistentes com mais facilidade à medida que o sistema evolui.

3. Tenha cuidado para não criar um personagem que involuntariamente se torne um mascote.

• Mascotes não são ruins, mas um personagem que ofusca fortemente outras partes do humor e da mensagem de uma marca é contraproducente e confuso.
• Não fuja de personagens com “personagem”. Apenas certifique-se de que todas as ilustrações da sua marca tenham uma medida de equilíbrio e unidade que as torne complementares umas às outras e à marca como um todo.

O que torna um sistema de ilustração de marca significativo?

Uma palavra final de encorajamento: Alegria e intuição são as melhores amigas do ilustrador de marca. O branding é um daqueles campos em que as pessoas às vezes se levam muito a sério e dizem coisas como: “Todas as nossas decisões de design devem ser baseadas em dados” ou “Isso não é arte. Estamos tentando resolver problemas”. Não deixe que essa dureza seja sua doçura.

Para designers e ilustradores profissionais, é certo que cada elemento feito para um projeto tem que vibrar com a marca. Mas, em sua essência, um sistema de ilustração de marca é uma coleção de desenhos, então divirta-se! Seja engraçado. Seja criativo. Seja humano.

Deve haver razão e lógica por trás da aparência das ilustrações apresentadas a um cliente? sim. Mas não pense demais em cada pequena decisão criativa. O caminho para um sistema de ilustração de marca que seja significativo e duradouro é pavimentado pela experiência, instintos, uma sólida compreensão da marca e o bom e velho trabalho árduo.

• • •

Leia mais no Blog Toptal Design:

• eCommerce UX – Uma visão geral das melhores práticas (com infográfico)
• A Importância do Design Centrado no Homem no Design de Produto
• Os melhores portfólios de UX Designer – Estudos de caso e exemplos inspiradores
• Princípios heurísticos para interfaces móveis
• Design Antecipatório: Como criar experiências de usuário mágicas