Melhorando suas conversões utilizando psicologia das cores

Quando se trata de design de sites, uma das decisões mais importantes que você fará envolve a escolha das cores certas. É uma escolha que pode salvar ou quebrar seu projeto, especialmente quando você considera todas as partes móveis que entram na criação de um site WordPress de sucesso.

Hoje em dia, as chances são boas de que, se você possui um site, também possui um negócio. E o mais importante para um site de negócios é ter uma boa taxa de conversão. Se o seu site não estiver convertendo, sua empresa também pode pendurar um banner “Fechado para Negócios”.

É por isso que é importante que o esquema de cores do seu site seja planejado intencionalmente, e o mais importante, otimizado para conversão.

Neste artigo, veremos como as cores influenciam nossas vidas e como podem ser usadas para melhorar a forma como seus clientes ou clientes em potencial percebem seu site e marca.

Por que a cor é tão importante?

A cor desempenha um papel importante em nossa vida cotidiana. Ele se conecta aos nossos sentimentos de uma maneira única, tornando-se uma ferramenta de marketing poderosa para aproveitar ao tomar decisões de design. Suas escolhas de cores precisam refletir a mensagem que você deseja compartilhar sobre seu próximo evento ou produto. Normalmente, a cor é a primeira coisa que chama a atenção e orienta visualmente os visitantes, por isso é importante que as cores no seu design tenham um propósito e tenham um significado na sua utilização.

De acordo com um  infográfico da Kissmetric , 85% dos compradores baseiam sua decisão apenas na cor. E de acordo com o mesmo infográfico, o uso adequado da cor leva a um aumento de 80% no reconhecimento da marca.

Vários outros estudos e testes provaram que a cor pode aumentar a memória, envolver e aumentar a participação, bem como informar.

Se você der uma olhada no infográfico mencionado acima, verá que o Kissmetrics sugere quais cores você deve usar dependendo da natureza do seu negócio. Seria fácil supor, então, que se você é uma loja de roupas, deveria optar por um esquema de cores rosa. Mas o processo de tomada de decisão não é bem definido e não existem respostas definitivas. Eu percebo que isso não ajuda muito. Mas vamos dar uma olhada em como funciona a teoria das cores para obter um pouco mais de informações sobre como chegar à cor certa para o seu próximo site.

Teoria da Cor

A teoria da cor é um tópico tão amplo e diverso que vários livros foram escritos sobre ele. Portanto, vamos nos limitar ao básico aqui. Essencialmente, a teoria da cor pode ser dividida em três partes principais no que se refere ao design da web:

1. Contraste. Em termos leigos, o contraste é a diferença entre duas cores. O contraste tem duas funções no web design: ele estabelece a legibilidade e também chama a atenção do usuário para um elemento específico da página. Sempre que você estiver em dúvida, a melhor prática é escolher uma cor bem clara para o fundo e uma cor bem escura para o próprio texto.
2. Complementação. As cores complementares são encontradas opostas na roda de cores. Por exemplo, a cor complementar do vermelho é verde e a cor complementar do azul é laranja. Quando usadas corretamente, essas cores podem acentuar umas às outras e criar um esquema de cores muito eficaz.
3. Vibração. Isso se refere aos conjuntos de cores particulares do clima geral: as cores mais vivas e quentes (vermelho, laranja, amarelo) tendem a nos energizar, enquanto os tons mais escuros e frios (verde, azul, roxo) tendem a ser mais relaxantes e tranquilos.

Cultura e significados de cores

As cores têm significados diferentes em diferentes culturas. A maneira como percebemos uma determinada cor pode não ser a mesma de alguém do Japão ou do Oriente Médio. Ao planejar um site, é importante entender quem é o seu público-alvo e como essa cultura específica vê as associações de cores. Web Designer Depot  tem uma grande divisão de cores e seus significados transculturalmente. Eu os resumi aqui:

Vermelho

• Nas culturas ocidentais, como América do Norte e Europa, o vermelho é a cor da paixão e da emoção. Simboliza perigo, amor, excitação e poder, mas também pode carregar uma conotação negativa quando conectado aos países que pertenciam ao bloco comunista oriental.
• Nas culturas orientais e asiáticas, o vermelho representa felicidade, alegria e celebração; e, como tal, é frequentemente usado pelas noivas no dia do casamento porque é considerado que traz boa sorte e felicidade.
• No Oriente Médio, o vermelho representa perigo e cautela. Alguns também o consideram a cor do mal.

Laranja

• O Ocidente vê o laranja como a cor da colheita e do outono. Tradicionalmente, nos Estados Unidos, laranja significa a temporada de outono começando em setembro até o Halloween e depois o Dia de Ação de Graças no final de novembro.
• As culturas indianas consideram o laranja uma cor sagrada, enquanto no Japão, o laranja simboliza coragem e amor.
• Finalmente, o Oriente Médio associa o laranja ao luto e à perda.

Amarelo

• Nas culturas ocidentais, o amarelo é associado ao calor, verão e hospitalidade. Curiosamente, na Alemanha, o amarelo está associado à inveja, enquanto a maior parte do resto do mundo associa esse sentimento à cor verde.
• Nas culturas orientais e asiáticas, o amarelo não é apenas considerado sagrado, mas também imperial. Na Índia, simboliza o comércio.
• Ao contrário disso, na América Latina e no Egito, o amarelo está associado à morte e ao luto. O restante das culturas do Oriente Médio vê o amarelo como a cor da felicidade e da prosperidade.

Azul

• Muitas culturas ocidentais usam azul para logotipos de bancos porque representa confiança e autoridade. Também está associado ao nascimento de bebês do sexo masculino e é considerado calmante, reconfortante e pacífico. Em um contexto negativo, representa tristeza e depressão.
• Nas culturas orientais e asiáticas, o azul está associado à imortalidade e à força. Ao contrário do mundo ocidental, o azul é uma cor feminina na China.
• Na América Latina, o azul é frequentemente associado à religião devido à grande presença da Igreja Católica.
• O Oriente Médio vê o azul como seguro e protetor, pois é a cor associada ao céu, espiritualidade e imortalidade.

Verde

• Enquanto as culturas ocidentais associam o verde predominantemente como a cor do irlandês e da sorte, o verde também se refere à natureza, ao meio ambiente, à proteção das causas ambientais e ao progresso. Em um contexto negativo, o verde simboliza inveja ou ciúme.
• Nas culturas orientais e asiáticas, o verde é a cor da natureza, da fertilidade e da juventude. No entanto, também está associado à infidelidade e exorcismo.
• Na América Latina, o verde é a cor da morte.
• Para a maior parte do Oriente Médio, o verde representa força, fertilidade, sorte e riqueza e é mais comumente associado ao Islã.

Roxo

• Nas culturas ocidentais, assim como na maioria das culturas orientais e asiáticas, o roxo é a cor da realeza e está associado à riqueza e à fama.
• Por outro lado, a América Latina e a Tailândia consideram o roxo a cor do luto e da morte.
• O Oriente Médio vê o roxo como um símbolo de riqueza.

Rosa

• Nas culturas ocidentais, rosa é a cor da feminilidade e significa o nascimento de uma filha. Também representa doçura, infância ou diversão.
• Nas culturas orientais e asiáticas, o rosa também é considerado feminino, onde também significa casamento. A exceção é a China que, conforme dito acima, vê o azul como a cor feminina.
• Na América Latina, o rosa é frequentemente usado como uma cor para edifícios, enquanto o Oriente Médio não associa o rosa a nada em particular.

Marrom

• As culturas ocidentais associam o marrom à terra, mas também a saúde ou mesmo a esterilidade. O marrom é estável, confiável e saudável.
• Nas culturas orientais e asiáticas, o marrom é a cor do luto, enquanto na América Latina o marrom desestimula as vendas e é geralmente considerado desaprovador.
• As culturas do Oriente Médio associam o marrom à terra e ao conforto.

Preto

• O mundo ocidental vê o preto como a cor da finalidade, morte, formalidade e luto, bem como a cor do controle e da força.
• Nas culturas orientais e asiáticas, o preto representa a masculinidade e é a cor dos meninos na China. Também simboliza riqueza, saúde e prosperidade, enquanto na Tailândia e no Tibete, o preto está mais intimamente associado ao mal.
• Como no Oriente, a América Latina associa essa cor à masculinidade e ao luto.
• Curiosamente, o Oriente Médio usa o preto para simbolizar tanto o renascimento quanto o luto.

Branco

• Nas culturas ocidentais, o branco é a cor da pureza e da paz. É a cor associada a casamentos, hospitais e santidade.
• No entanto, na Itália e nas culturas orientais e asiáticas, o branco é usado para funerais e representa esterilidade, luto, infelicidade e infortúnio.
• Na América Latina, o branco tem muitas das mesmas associações da América do Norte e está conectado à pureza e à paz.
• Da mesma forma que o preto, o Oriente Médio associa pureza e luto ao branco.

Cor e o funil de conversão

Um funil de conversão ajuda você a visualizar e compreender o fluxo pelo qual seus clientes em potencial passam depois que acessam seu site e realizam a ação desejada. Em sua forma mais básica, o funil de conversão tem quatro elementos principais: reconhecimento, interesse, desejo e conversão. 

Consciência

Conscientização tem a ver com atrair clientes ou clientes em potencial para o seu site. Essa é a parte do funil em que sua marca é apresentada. Eles se familiarizam com o seu negócio, a cultura da sua empresa e a sua declaração de missão. É aqui que as cores começam a desempenhar um papel importante. Ao saber quem é seu público-alvo e conhecer as emoções que deseja evocar, você pode começar a planejar seu esquema geral de cores.

Interesse

Nesse estágio, você está trabalhando para despertar o interesse dos visitantes do seu site. Você deseja guiá-los para explorar ainda mais e mergulhar mais fundo em seu site. Sua energia deve estar focada em polir manchetes, imagens, banners e escrever uma cópia atraente.

Desejo

Agora que você tem o interesse deles, precisa fazer com que eles realmente queiram seu produto. As imagens do seu site, ótimas opções de produtos, vídeos e depoimentos devem fornecer todas as informações necessárias para que eles possam agir.

Durante a fase de planejamento do site, você deve escolher 3 cores que representarão o site da sua marca. A regra geral é normalmente usar cores neutras, como branco ou preto para o fundo e usar a cor da sua marca principal para criar um efeito visualmente marcante. A cor principal de sua marca pode ser usada para links, menus de navegação e títulos. A terceira cor deve ser uma cor de destaque da paleta de sua marca que atenderá a um propósito específico. Isso nos leva ao quarto estágio do funil de conversão.

Conversão

É aqui que os visitantes realizam a ação desejada ou, em outras palavras, convertem. O que é essa ação depende inteiramente de você, mas o objetivo principal é que eles ajam. É aqui que você precisa chamar a atenção deles para uma única ação. A melhor maneira de fazer isso? Use a cor de destaque do seu esquema de cores. É aqui que você deseja uma cor que complemente seu esquema de cores, mas seja contrastante o suficiente para chamar a atenção para sua frase de atenção principal.

Em outras palavras, se seu site usa principalmente azul, não faria sentido deixar o botão de call-to-action em um tom mais escuro de azul. Usar uma cor como laranja ou um tom de amarelo ou vermelho seria mais benéfico.

No entanto, certifique-se de que suas frases de atenção contrastem com as cores de sua marca o suficiente para se destacarem, mas não conflitantes. Você quer atrair a atenção das pessoas, levando-as à conversão, e não assustá-las com um esquema de cores desagradável.

Como otimizar a cor do seu site WordPress

Agora que você sabe o que as cores significam e como funciona o funil de conversão, vamos discutir como criar um esquema de cores para o seu site que seja otimizado para conversão.

O planejamento do esquema de cores do seu site é parte integrante da sua estratégia de conversão. Sua preferência pessoal de cor pouco importa a esse respeito. Antes mesmo de embarcar nesse estágio, você deve ter em mente qual é o objetivo principal do seu site e quem é o seu público-alvo.

Com base no seu público, seu esquema de cores será diferente se o seu público-alvo for feminino do que alguém cujo público-alvo são adolescentes e jovens adultos.

Embora você possa pensar que não pode errar com o rosa se seu alvo é as mulheres, você pode se surpreender ao descobrir que cerca de 35% das mulheres preferem o azul como sua cor favorita, seguido por verde e roxo.

A Estēe Lauder usa muito o azul em seu site:

Enquanto o Color Pop visa o mesmo público feminino, mas com um esquema de cores roxas:

Para complicar ainda mais as coisas, Jimmy Choo tem como alvo o público feminino também, mas concentra as cores de seu site em um elegante esquema em preto e branco que se destina a fornecer uma sensação de luxo e sofisticação.

Os homens, por outro lado, preferem o azul, seguido do verde e do preto, enquanto a população mais jovem prefere o azul, o verde e o roxo, com o roxo se tornando cada vez mais popular entre as faixas etárias mais velhas.

Dewalt faz um ótimo trabalho com seu esquema de cores preto e amarelo; preto sendo a terceira cor favorita dos homens e a cor que significa masculinidade e força. O amarelo fornece uma cor de contraste excelente em sua frase de atenção e slogan.

Como determinar a melhor cor para sua frase de atenção

Infelizmente, não há uma resposta clara para essa pergunta. Em termos de botões de call to action na web, vermelho, laranja e verde são usados ​​predominantemente. Quando você considera o fato de que verde geralmente significa PROSSIGA, não é nenhuma surpresa que muitos tenham tentado traduzir isso para a web. No entanto, vários estudos mostraram que o verde não é a escolha ideal para um CTA.

Um estudo da HubSpot mostra que o botão vermelho superou o verde com um aumento de 21% na taxa de conversão.

Da mesma forma, um  estudo da Dmix mostra um aumento dramático nas conversões quando um botão vermelho substituiu o verde, melhorando as conversões em 34%.

A Amazon, por outro lado, mostra que o laranja pode ser usado efetivamente como uma cor de call to action. Se você olhar o site deles, perceberá que as frases de atenção mais importantes são laranja, o que é uma excelente escolha para uma empresa que deseja ser o mais acessível possível.

Nós abordamos muitos assuntos hoje. A principal lição sobre a otimização de cores que você deve saber é que não há uma resposta clara aqui. Cada site é único e, como tal, cada site terá um processo único de otimização da taxa de conversão.

Como ponto de partida, no entanto, você pode restringir as cores potenciais dos botões de frase de atenção para algumas opções que estão de acordo com o seu tema ou apresentam um contraste significativo. Evite escolher cores que possam ter uma conotação negativa para o seu público-alvo. E não se esqueça de testar, testar e testar mais alguns e escolher a cor vencedora com base nesses resultados.

Lembre-se de que a cor em si não é uma solução mágica. Sua escolha de cor é apenas uma parte de sua estratégia de marketing, portanto, certifique-se de complementá-la com uma cópia estelar e um design bonito. Caso contrário, suas opções de cores não farão muita diferença.

Artigo Original por Brenda Brenda Barron.