Já viu o Guerra das Estrelas? Claro que sim.
Os meus colegas do Copyblogger são um pouco loucos por este filme, por isso quando descobriram que eu nunca tinha visto Guerra das Estrelas, todos eles se passaram.
No dia seguinte, recebi uma encomenda com a trilogia completa em Blu-ray (a original, claro) do nosso Diretor Digital, Chris Garrett.
Fui a correr para o meu televisor e vi-os todos de uma vez.
Gostei muito dos filmes, mas a marca visual das forças das trevas prendeu-me mesmo a atenção.
O que é que podemos aprender sobre construir uma marca visual de Guerra das Estrelas?
Encontre o equilíbrio certo
Vamos primeiro olhar para os belos companheiros que compõem as forças das trevas:
Talvez pareçam todos demasiado simples ou aborrecidos, mas são incrivelmente coesos e elegantes (bom trabalho, Darth Vader!).
Agora, vamos olhar para os bons da fita:
São definitivamente mais interessantes, mas não há qualquer consistência aqui. Podem todos trabalhar por uma boa causa, mas a sua representação visual é pobre.
O seu objetivo é que a sua marca se situe algures entre estes dois exemplos.
A sua marca visual deve ser simples, polida e coesa – mas com um pequeno toque de Chewbacca.
E é sobre isso que vamos falar hoje …
O que é uma marca visual e porque é que é importante?
Na Internet, a sua concorrência está apenas a alguns cliques de distância, por isso é muito importante ter uma presença visual forte. Quer ter captar a atenção imediatamente e convide as pessoas a envolverem-se com o seu conteúdo.
A marca visual, por si só, não venderá o seu produto ou serviço, mas ajudá-lo-á a ligar-se ao público certo a muitos níveis diferentes.
Trata-se de contar uma história, criando uma experiência de utilizador coerente e apelando às emoções.
Defina princípios fundamentais
Todas as marcas têm uma história para contar. Qual é a sua? É um grupo de amigos que quer salvar o mundo ou um imperador que o quer conquistar?
Primeiro, defina em termos simples o que quer que a sua marca visual represente.
Quem é o seu público-alvo? Crie um perfil imaginário (persona) de um utilizador/cliente típico.
Pode então criar um mapa mental de palavras e ideias que melhor descrevam a sua marca. Vá mais longe e crie um mood board (pode utilizar Pinterest) que inclua fotografias de arquivo, cores, capturas de ecrã, tipografia e qualquer outra coisa que ache que ajudará a visualizar o conceito da sua marca.
Faça com que o seu mapa mental ou mood board englobe todos os princípios fundamentais da sua marca visual. Consulte-o sempre que criar uma nova peça visual.
Compare o seu site, as suas contas nas redes sociais e até as imagens em destaque do seu blogue com o mapa mental ou mood board que acabou de criar. Isso vai ajudá-lo a manter-se concentrado nos seus princípios fundamentais.
Crie padrões visuais
Os padrões ajudam a manter a sua marca visual consistente.
As suas cores e a tipografia são os dois elementos mais importantes; defina-os primeiro. Depois de as ter escolhido, não as altere de página para página ou de produto para produto.
Seja muito específico. Por exemplo, “vermelho” não é a cor da sua marca, mas “#d61818” pode ser. Seja igualmente específico com os tipos de letra: “sans-serif” não é o seu tipo de letra, mas “Museo Sans” pode ser.
Pode ir mais longe e alargar os seus padrões visuais a elementos como o seu layout (espaçamentos específicos, margens, paddings), imagens, iconografia, etc.
Lembre-se de que não queremos que tudo pareça uma tropa de choque, por isso é uma boa ideia quebrar o padrão ocasionalmente e criar algo único quando precisar de realçar um determinado elemento na sua página, como o seu apelo à ação.
Verá rapidamente que uma marca visual coesa é poderosa – e o seu objetivo não é apenas fazer com que o seu site pareça “bonito”.
Preserve a sua marca visual
Como pode garantir que a sua marca visual é utilizada corretamente pela sua equipa e bem preservada em todos os seus sítios Web, produtos e serviços?
Crie um documento de orientação da marca que defina todos os seus elementos visuais.
Eis as informações básicas que deve incluir:
- O seu logótipo: exemplos de utilização e formatos vectoriais de diferentes versões (sobre um fundo preto, sobre um fundo branco, etc.)
- Cores: código hexadecimal, RGB, CMYK e Pantone
- Fontes: nomes e onde obter as versões desktop e web (certifique-se de que o tipo de letra que escolheu tem uma versão web!)
- Imagens: exemplos de fotografias de stock e onde as pode obter
- Iconografia: exemplos de ícones e onde obter o conjunto completo de ícones
Faça deste documento uma folha de consulta completa para a sua equipa consultar sempre que precisar de desenhar algo por si própria (com o Canva, por exemplo), trabalhar com o seu web designer ou trabalhar com uma gráfica.
Todos os elementos da sua equipa devem ter acesso a estes ficheiros e documentos.
Se tiver um designer interno, ou mesmo uma equipa de design inteira, partilhe estas directrizes de marca com eles para evitar qualquer confusão ou erro.
Crie a sua marca visual marcante hoje mesmo
Então, qual é o aspeto da sua marca visual atual?
Acha que conta uma história honesta e evoca as emoções que pretende? É aborrecida, mas consistente – ou interessante, mas confusa?
Que a força esteja consigo.