Primeiro de tudo, o que é uma marca? Uma marca é um símbolo . Símbolos são designs que representam outra coisa, e uma marca serve para empacotar todas as associações, experiências e características em uma construção abstrata.

Essa construção pode ser evocada usando imagens, sons, frases e logotipos consistentes com os quais as pessoas entram em contato.

As marcas são muito importantes, pois ajudam a conquistar clientes e também ajudam a mantê-los .

Eles fazem isso despertando as associações e experiências que você já teve com a marca, ou já viu através da publicidade, quando você entra em contato com a marca em fases fundamentais. Por exemplo, ao decidir qual produto comprar de uma seleção de itens semelhantes.

Aqui estão 9 dicas para ajudar você a construir uma marca com o web design.

As marcas estabelecem expectativas e, quando se deparam com a incerteza, as pessoas tendem a escolher a opção mais segura. As pessoas sabem o que esperar de uma marca que conhecem.

O branding é um processo complexo que é realizado em todos os tipos de mídia, desde a embalagem do produto, comerciais de TV e anúncios em revistas até a decoração de lojas de interiores e design de logotipo. Claro, a marca também se aplica ao design da web.

Não importa se você está criando um site para uma marca multimilionária ou um blog pessoal, a marca ainda é importante pelas razões descritas acima. No caso de um blog pessoal, o branding ajudará você a diferenciar e tornar seu site memorável .

1. cor

A escolha de uma boa paleta de cores é muito importante no branding. A cor não é apenas estética - estimula várias emoções e leva consigo associações subconscientes a várias coisas e características.

Por exemplo, a cor vermelha pode realmente aumentar a pressão arterial, pulso e respiração. É uma cor que simboliza paixão, energia, poder e excitação. Por causa disso, geralmente é uma boa opção de cor para marcas do setor de entretenimento.

Outras cores carregam diferentes associações e efeitos. Verde simboliza natureza, meio ambiente, lucro, dinheiro e saúde. É também uma cor calmante, e é por isso que os hospitais costumam pintar as paredes de verde-claro.

Ao escolher uma cor para sua marca, pesquise seus efeitos e associações para ver se ela é adequada para o tipo de coisa que sua marca representa. Observe também que culturas diferentes podem associar as mesmas cores a coisas diferentes , por isso é uma boa ideia verificar se as suas cores significam o que você acha que elas fazem nos mercados em que você atua.

Logitech use a cerceta como a cor principal da marca. Vários tons de cerceta são usados ​​em torno do site, de cores de fundo a cabeçalhos e links:

Logitech

2. Personagem

Sua marca tem caráter? Infundir sua marca com um pouco de personalidade pode ajudar você a definir o que ela representa.

A marca tem tudo a ver com estabilidade e segurança para que seus clientes possam confiar em você? A marca é divertida e realista?

Muitas pessoas em sociedades comercializadas usam produtos e marcas para se definirem, portanto, moldem o caráter da sua marca para algo com o qual o público gostaria de se associar .

Antropomorfismo é a atribuição de qualidades e características humanas a outras coisas, como animais ou objetos. Infundir sua marca com elementos antropomórficos é uma boa maneira de dar caráter a ela .

Pense no ícone do aplicativo “Finder” no Mac OS X. É um quadrado azul com um distintivo rosto sorridente desenhado com algumas linhas pretas.

O programa que ele representa é um navegador de arquivos, mas dando a ele características humanas, os designers dão a ele uma alma.

Outro ótimo exemplo é o Design fora da lei blog que adere a um forte tema do Velho Oeste em todo o design com uma mistura única de texturas de madeira e ilustrações planas, marcando-se de forma muito eficaz:

Blog de Design Fora da Lei


Twitter do mascote de pássaro azul pouco tem provado muito eficaz; todas as mídias e sites personalizados que os fãs do Twitter criam normalmente apresentam sua própria variação. Eles podem parecer um pouco diferentes, mas ainda são instantaneamente reconhecíveis:

Aves do Twitter

3. Emoção

Emoção é outro fator a considerar ao construir sua marca. Quais sentimentos e emoções você deseja que as pessoas experimentem quando visitam seu site? Que tipo de coisas você quer que eles associem à sua marca ?

Elaborar a estética do seu site não deve ser sobre seguir as últimas tendências de design, mas sim decidir sobre as emoções e ideias que você deseja que sua marca projete e, em seguida, trabalhar em um design que faça exatamente isso.

Studio 7 Designs usa cores vibrantes e imagens bonitas para criar uma marca rica e interessante, o que é muito importante para uma agência de design:

Studio7Designs

4. Consistência

Para construir uma marca de sucesso, você precisa torná-la memorável . O que você faz para que as pessoas se lembrem das coisas? Você os repete.

Consistência em todo o seu web design irá construir sobre as escolhas que você fez anteriormente sobre a escolha da personalidade certa para a marca e evocando as emoções apropriadas. Mantenha cores consistentes, elementos visuais e tipografia por toda parte para garantir que seu site projete uma imagem uniforme .

A Skype integra consistentemente vários elementos de branding em todas as suas mídias de marketing, que incluem a paleta de cores com um dominante azul, nuvens 2D brancas com ilustrações sobre elas e arco-íris multicoloridos:

Skype

5. Reutilizando código e recursos visuais

Visuais e layout consistentes permitem reutilizar mais do seu conteúdo , seja folhas de estilo ou imagens. Isso significa que seu site carregará mais rápido, pois o navegador do usuário não precisa fazer o download de muitas coisas - imagens antigas e CSS já estão armazenados em seu cache.

Apple.com integra seu logotipo com a barra de navegação, infundindo sua marca no design da página:

maçã

6. Tamanho e posição do logotipo

A norma aceita ao posicionar o logotipo do site é colocá-lo na área superior esquerda da página.

Essa é a área em que a maioria das pessoas examinará para ver em qual site elas estão. Além disso, a melhor prática é vincular a imagem do logotipo à página inicial do site . Mas a posição é apenas um elemento - o tamanho também é importante. Certifique-se de que seu logotipo seja grande o suficiente para ser a segunda ou terceira coisa que as pessoas notarão quando chegarem ao seu site.

Cabine UX tem um logotipo grande e agradável na área superior esquerda da página, que é uma das primeiras coisas que você percebe quando chega ao site:

Cabine UX

7. Proposta de valor

Quando um visitante chega ao seu site pela primeira vez, ele leva os primeiros segundos para se orientar. Este é o site certo? Isso parece interessante? O que é isso tudo? Para responder a essas perguntas, você deve fornecer uma proposta de valor clara e concisa ao seu visitante.

Essa proposta de valor deve ser uma declaração curta em um local de destaque em sua página. Ele deve estar localizado, de preferência, próximo ao logotipo do site para que, quando um novo visitante ler o título do site ou empresa, siga a proposta de valor.

Em poucas palavras, explique exatamente que benefício seu site oferece ao visitante, para que ele saiba não apenas sobre o que é seu site, mas por que ele deve continuar usando-o .

Rob Sartain's Prime Cut Design tem uma ótima proposta de valor no cabeçalho do site. É altamente visível, conciso e claro; e abrange tanto o "o quê" como o "porquê":

Prime Cut Design


o ReportBox website apresenta uma clara proposta de valor sob o logotipo e navegação. O tamanho da fonte grande garante que seja uma das primeiras coisas que você vai ler:

ReportBox

8. Tom de voz

A linguagem que você usa no seu site precisa reforçar o caráter e a personalidade da sua marca. Se a sua marca é amigável e realista, e o seu público é jovem, as pessoas mais experientes em tecnologia, então o tom de voz informal e divertido pode funcionar bem para você.

Por outro lado, se você está fazendo um site para um banco de investimento, o tom de voz deve refletir isso sendo muito mais formal.

Não é apenas sobre o que você diz - é sobre como você diz isso . Você pode dizer a mesma coisa em vozes diferentes e ter o mesmo significado, mas a personalidade que essa voz emana será diferente; Portanto, escolha um tom de voz adequado ao caráter e ao público da sua marca .

Matt , um aplicativo da web simples que ajuda você a usar várias contas do Twitter, apresenta ilustrações desenhadas à mão e um tom de voz amigável, ideal para o público jovem e experiente em tecnologia:

Matt


37signal Campo de base O site tem um tom mais formal, porém simples e conciso, focando no público de negócios:

Campo de base

9. Exclusividade

Obter todos os elementos acima só vai te levar tão longe, porque há outra coisa muito importante a considerar ao construir sua marca: singularidade.

Se o seu site se parece com a concorrência, é realmente memorável? Como os potenciais clientes diferenciam os dois? Ao aplicar esse esforço extra para criar uma imagem única, você não apenas se destacará de seus concorrentes , mas será mais memorável , o que significa uma chance melhor de que seus visitantes voltem para mais.

Carbonica o site apresenta muitas texturas de papel reciclado, fontes desenhadas à mão e ilustrações de estilo recortadas. Esta imagem da terra ajuda a promover a imagem sustentável que a Carbonica se esforça e é diferente o suficiente para ser memorável:

Carbonica

Conclusão

Construir uma marca forte é importante não apenas para grandes corporações, mas também para pequenas empresas e até mesmo sites e blogs pessoais. O branding ajuda as pessoas a diferenciar entre a concorrência e avaliar rapidamente a qualidade .

A web é uma excelente plataforma para criar sua marca, por isso é importante não ignorar a marca quando estiver trabalhando em seu website. Certifique-se de utilizar todas as várias técnicas para torná-lo poderoso e eficaz.


Escrito exclusivamente para WDD por Dmitry Fadeyev. Ele dirige um blog sobre usabilidade chamado Postagem de Usabilidade .

Quais técnicas são mais eficazes para a construção da marca? Por favor, compartilhe seus comentários conosco…