Neil Patel

Espero que você goste desse artigo. Se você quer que meu time faça o seu marketing, clique aqui.

Como Escolher a Melhor Cor para Aumentar Conversão

colors

Você quer aumentar sua taxa de conversão?

Não precisa procurar além das cores que você está usando em seu site.

Eu notei que as cores podem fazer uma grande diferença na eficiência do seu site, e pesquisas reforçam isso.

Com alguns pequenos ajustes de cor, você pode impulsionar drasticamente cliques, assinaturas, cadastros e compras.

Tudo o que precisa é um pouco de compreensão das cores que você quer usar e o que funcionará melhor.

Nesse artigo, explicarei o impacto que as cores podem ter na sua taxa de conversão.

Então, demonstrarei passo a passo as técnicas que foram comprovadas a impulsionar conversões em milhares de sites.

Vamos lá.

Antes de continuar, se você quer aumentar sua vendas e saber quais são as melhores estratégias para promover seu negócio online, clique aqui para receber o Guia Completo de Marketing Digital.

guia completo de marketing digital

Por que a cor importa?

Antes de falarmos sobre como usar a cor para aumentar a conversão, vamos abordar uma dúvida maior primeiro: por que a cor importa?

A verdade é que cores definem como vemos as coisas. Nossos cérebros estão programados para interpretar o mundo em nossa volta através das cores que vemos.

Quando falamos de conversões e sites, há algumas formas com que as cores mudam a forma como interagimos.

Cores melhoram a atração geral do site

O primeiro (e talvez mais importante) benefício que as cores proporcionam ao seu site é que elas mudam a forma como os visitantes se sentem atraídos por ele.

Segundo dados publicados pela WebpageFX, as pessoas fazem um julgamento subconsciente sobre o seu site por volta dos primeiros 90 segundos de visualização.

Talvez até mais surpreendentemente, entre 62% e 90% desse julgamento é baseado somente na cor.

Visto que primeiras impressões são tão importantes, as cores que você usa têm um impacto não somente na primeira impressão de alguém mas também na forma como eles verão o seu site pelo resto de suas vidas.

É uma decisão sobre a qual você precisa refletir seriamente.

Cores mudam a percepção de marca

Há uma razão para as grandes marcas escolherem um esquema de cor, publicarem orientações de marca e trabalharem incansavelmente para assegurar que o design deles seja consistente através de todos os canais de comunicação.

A cor muda a forma como percebemos marcas. Até mesmo pequenas variações fazem uma grande diferença em como interpretamos e reconhecemos uma marca.

De acordo com dados da Kissmetrics, a cor aumenta o reconhecimento de marca em mais de 80%. Isso é muito.

How do colors affect purchases Infographic

Decidir (e usar) uma cor consistente para os seus esforços de marketing pagará grandes dividendos nos anos que estão por vir.

As cores que você usa também mudam a impressão geral que as pessoas têm dos valores que sua marca representa.

Escolher a cor errada pode alterar a forma como as pessoas percebem sua marca, e até mesmo pequenos ajustes (como veremos depois) podem influenciar o estilo e personalidade do seu negócio.

Cores aprimoram compras

Não é surpresa que a pequena mudança de cores influencia não somente percepção mas também realidade.

As cores que você usa mudam os hábitos de compra de um cliente e o desejo de comprar mais (ou menos) do que você tem a oferecer.

Segundo a Bags and Bows Online, 85% dos clientes sentem que cor é o fator primário na hora de escolher um produto.

ColorInfographicHiRes jpg 1200 7869 1

Pense na última vez que você comprou um carro. A cor afetou sua decisão final, certo?

Os fatores influenciando a cor do seu veículo são consideravelmente similares aos que ditam quantos itens os clientes adicionam aos seus carrinhos na sua loja virtual.

Usar a teoria de cor apropriada é um caminho excelente para impulsionar sua taxa de conversão e vender mais, ou impulsionar qualquer ação que você deseje que os visitantes realizem.

Cores aprimoram a memória

Por fim, as cores aprimoram a memória. Anos atrás, o efeito von Restorff foi descoberto, mostrando que cores atraem atenção para elas mesmas.

É um fato que vemos acontecendo na nossa vida diária também.

The Logo Company produziu esse quadro detalhando as diferentes emoções representadas pelas cores escolhidas por marcas.

Color Emotion Guide

Você notará que algumas marcas se afastam de suas semelhantes ao usar uma cor diferente.

O Taco Bell, por exemplo, se afasta da maior parte dos logos de fast foods baseados em vermelho e amarelo estabelecendo logos com roxo, representando seu conceito de “pensar fora do pão”.

Esse efeito de contraste pode ser usado para impulsionar conversões e aumentar a eficiência da sua presença online.

Vamos ver como você pode começar escolhendo as melhores cores para um site e adquirir grandes ganhos na sua estratégia de marketing.

Atraia o demográfico correto

Para começar, você deve procurar pelos tipos de cores para site que apelem para o seu usuário objetivado ou cliente.

Se você já tem um perfil de cliente ou um conjunto de dados de usuário, pode minar essa análise por informações sobre que tipo de pessoa é o seu visitante ideal objetivado.

A partir disso, você pode calcular quais cores irão conduzir o maior apelo.

Os fatores mais importantes a se considerar são gênero, idade, cultura e hábitos de compra. Observe como fazer as melhores decisões para cada um desses fatores.

Baseando-se em gênero

Se o seu demográfico é primariamente dividido entre homens e mulheres, você deve ajustar suas cores em conformidade.

Segundo uma pesquisa publicada pela Kissmetrics, azul é a cor favorita da maior parte dos homens e mais de um terço das mulheres.

True Colors Infographic Breakdown of Color Preferences by Gender

Se o seu conteúdo apela tanto para homens quanto para mulheres, é uma boa ideia se manter com azul, verde ou vermelho.

Você pode acentuar com cores neutras como preto, branco ou cinza. Eu recomendaria se manter longe do marrom e laranja por razões que demonstrarei em um minuto.

A cor mais polarizada é roxo, com 23% das mulheres a preferindo e 0% dos homens. Se você está querendo atrair mulheres, essa é uma ótima escolha, mas provavelmente irá afastar os clientes em potencial masculinos.

Você também deve estar ciente das cores menos favoritas de cada gênero. Graças a informações publicadas pela Help Scout,os resultados são claros.

5 17 least fav colors

As duas cores para se manter longe são laranja (com 22% dos homens e 33% das mulheres não gostando) e marrom (com 27% dos homens e 20% das mulheres não gostando).

Amarelo é levemente menos arriscado, com 13% dos homens e mulheres mostrando desgosto por ela. Roxo novamente se mostra uma cor para se evitar com homens, com 22% não gostando dela.

Escolha as cores certas estrategicamente e se assegure de usar uma paleta de cores para site que apele para o seu público. Usar as cores é a chave para criar conteúdos visuais estonteantes.

Baseando-se em idade

Se você precisa apelar para uma idade específica, precisa ter cuidado com as cores que irá usar para representar sua marca e conduzir conversões.

Cores que achamos intrigantes mudam enquanto envelhecemos, como representado por esse infográfico da DesignMantic.

Públicos mais jovens são atraídos por cores de alto contraste, com tonalidades brilhantes ou tons mais escuros. As cores primárias azul, amarelo e vermelho, tendem a provocar uma reação mais forte.

Age And Gender Based Color Preferences

Ao envelhecermos, esse espectro muda para tons mais claros e cores mais pastel, com rosa e verde-azulado atraindo mais atenção.

Age And Gender Based Color Preferences 1

Se você está procurando por cores para se evitar de acordo com a idade, não precisa se preocupar muito.

De acordo com uma pesquisa publicada por Joe Hallock, idades diferentes se mantém relativamente consistentes com suas cores menos favoritas.

least fav color age

Não importa a idade do seu demográfico, você deve se manter longe de laranja e marrom, com uma atenção especial para roxo, amarelo e cinza.

Baseando-se em cultura

Se você tem um grande público internacional ou se gostaria de atrair um grupo de pessoas de fora do seu país, precisa fazer uma pesquisa cuidadosa.

O âmbito de preferências culturais de cor está além desse artigo, mas um breve exemplo mostra a importância de escolher suas cores sabiamente.

Os americanos e aqueles no Reino Unido veem azul como uma cor positiva, provocando patriotismo ou serenidade, segundo dados da Amara.

COLOUR PSYCHOLOGY jpg 827 5249

Mas esse significado muda completamente no Irã, onde a cor azul é associada com luto.

Tenha cuidado ao criar um esquema de cores para um público internacional.

Baseando-se em hábitos de compra

Por fim, você deve basear as cores escolhidas nos hábitos de compra dos seus clientes. De acordo com dados da Kissmetrics, as cores influenciam em como interpretamos os que compramos.

How do colors affect purchases Infographic 1

Se você está procurando atrair consumidores compulsivos, use vermelho, laranja, preto e azul real. Consumidores que dependem de um orçamento, no entanto, irão ver azul-marinho e verde-azulado como mais atraentes.

Enquanto isso, rosa mais claro e azul irão atrair consumidores tradicionais. As cores que você escolhe mudam a forma como as pessoas veem o que você oferece, então escolha as melhores cores para o seu site com cuidado.

Melhore sua mensagem com psicologia de cor

Se você quer fazer uma grande mudança na sua taxa de conversão, precisa entender a pesquisa que se aprofundou em como os humanos interpretam as cores que usamos.

Ter um conhecimento detalhado da psicologia de cor irá aumentar conversões e fará suas páginas da web mais eficientes.

Esse quadro publicado pela ConvertKit mostra os diferentes tipos de impressões que você pode fazer ao simplesmente mudar a cor de um botão de compra.

kissmetrics color chart 600x380

Cada uma dessas cores tem um significado específico. Vamos dar uma olhada em cada um individualmente.

Azul demonstra confiança e segurança

Como a cor mais popular (indicado pela pesquisa que mostrei antes), não é surpresa que o azul demonstra uma variedade de benefícios.

As funcionalidades mais notáveis do azul são confiança e segurança. De acordo com a TechKing, ele também é sinal de calma e tranquilidade.

The Psychology of Color Visual ly

Se você é uma companhia estabelecida (ou procura se tornar uma), azul é a escolha estável que permite uma aparência de estabilidade e conhecimento.

Também é calmante e uma boa escolha geral para uma marca que representa simpatia e acessibilidade.

Também não deve ser surpresa que cinco das dez maiores marcas no mundo têm o azul como cor primária, segundo a FinancesOnline.

logo infographic jpg 900 11274 2

Você pode adicionar uma sensação de valor e confiança nas suas ofertas ao usar azul próximo de seus call to action.

Amarelo indica um alerta ou otimismo

O amarelo chama a nossa atenção e nos força a olhar, e devido a isso ele é usado em uma variedade de contextos de alerta ou para sinais de tráfego.

Também é uma cor associada com a luz do sol, levando a um sentimento de otimismo e brincadeira, de acordo com a The Logo Factory.

yellow logos2

Embora o amarelo faça uma oferta mais apelativa e positiva — e ela pode causar um grande efeito caso você esteja induzindo um alerta com sua mensagem — ela vem com uma séria desvantagem: legibilidade.

Usado sozinho, o amarelo é quase impossível de ler. Há um motivo para a maior parte das marcas incorporarem amarelo no contorno do logo e escreverem a letra em outra cor.

Para usar isso eficientemente, considere usar amarelo moderadamente como cor de fundo para um botão de call to action e escreva o texto dentro daquele botão com uma cor de contraste, como preto, por exemplo.

Vermelho representa energia, raiva e apetite

Há uma razão para vermelho ser uma ótima cor para compras compulsivas.

Segundo a Webpage FX, o vermelho instiga emoções fortes. Pode ser usado no marketing para aumentar a pressão de algo ou indicar urgência.

Psychology of Color The meaning behind what we see 1

Se você está na indústria alimentícia, o vermelho também instiga apetite. Há um motivo para dezenas de restaurantes, desde Wendy’s até Chipotle, usarem vermelho como uma cor acentuada em sua marca.

Você também pode usá-lo para incitar paixão ou intensidade.

Para fazer um bom uso do vermelho para impulsionar sua taxa de conversão, inclua-o ao lado de algo ou com mensagens urgentes, ou até mesmo para decisões de alta pressão.

Verde é bom para causas ambientais e para se diferenciar

O verde representa uma forma nova de fazer as coisas, e significa “ir”, de acordo com a The Logo Factory. Também tem um inclinamento forte para ambientalismo.

green logos1

Verde também tem um efeito calmante, e pode ser usado para tranquilizar clientes ou prover um sentimento de boas vindas, tal como são utilizados nos logos da Holiday Inn e Starbucks.

Para fazer bom uso do verde no seu marketing, o considere como uma cor de acentuação para companhias com ideias empolgantes ou uma nova forma de fazer as coisas.

O considere também para representar um lado ambientalista para sua marca, tal como o Animal Planet e Sierra Club fazem tão bem.

Além disso, verde pode ser usado como indicador de ação para uma causa ou para convidar clientes de uma forma gentil.

Laranja significa diversão ou impulso

Segundo a Marketo, laranja combina o brilho do amarelo com a energia e ousadia do vermelho, realizando assim uma combinação de emoções por si só.

True Colors What Your Brand Colors Say About Your Business Infographic

Já que laranja não é tão usado assim, ele vai se diferenciar das cores usadas pela maioria das companhias.

Implemente-o para um gosto de alegria, entusiasmo e diversão.

Devido ao seu alto contrate com outras cores mais sutis como azul ou verde, o laranja pode ser uma ótima cor para atrair atenção para o seu call to action.

Use-o como cor primária do botão ou como uma seta para atrair atenção para um lugar onde você gostaria que o usuário clicasse.

Rosa representa romance e feminilidade

Se você deseja atrair homens, é melhor se manter longe do rosa. Caso você deseje atrair para um gênero único, o rosa pode mandar a mensagem por si só.

Diferente de outras cores, que detém de um atrativo mais geral para os gêneros, o rosa deixa claro em minutos quem é o seu demográfico alvo, de acordo com a Painters of Louisville.

The Psychology of Color Infographic Infographic Design

Se você está procurando criar uma marca que representa mulheres ou romance, rosa é a cor perfeita. Ela também faz uma boa acentuação para produtos relacionados com bebês e crianças.

Para usar eficientemente e aumentar conversões, adicione essa cor somente para páginas que representam esse tipo de mercado.

Não importa o quão poderoso o contraste, rosa provavelmente irá machucar a conversão de qualquer página não diretamente ligada a um desses significados associados.

Roxo é associado com luxúria e imaginação

Embora não costume ser considerada uma cor favorita, o roxo pode implicar uma diversidade de diferentes emoções, e é uma das cores de maior alcance nos termos de implicações.

Segundo a Finances Online, o roxo passa um sentimento de luxúria, nostalgia, romance e introspecção.

logo infographic jpg 900 11274 1

Também fornece uma sensação de criatividade e novidade, especialmente na Internet.

Para usar o roxo eficientemente, evite usá-lo como esquema de cor por si só. Ao invés disso, use junto de uma cor complementar como azul ou rosa, ou use com uma cor de contraste como o laranja.

Quando usado junto de um call to action dessa forma, o roxo pode conduzir conversões e adicionar um sentimento de luxúria para sua oferta.

O marrom se apresenta como seguro e rústico

Embora não seja uma cor muito glamourosa, o marrom tem o seu lugar como uma cor amigável e estável. De acordo com a Bags and Bows Online, o marrom invoca um sentimento de naturalidade e durabilidade.

ColorInfographicHiRes jpg 1200 7869

Mesmo que não seja uma escolha ideal para a maior parte das marcas, pode ser usado como uma forma de promover a durabilidade da sua oferta.

Considere impulsionar sua taxa de conversão com o marrom ao usar como um fundo ou cor de acentuação para demonstrar segurança.

Por não invocar emoções fortes, eu recomendaria se manter longe da ideia de usá-lo como cor primária em seu call to action.

Preto adiciona luxúria e valor

Não importa quais emoções sua cor primária representa, você pode adicionar uma camada de formalidade e luxúria com uma acentuação de preto.

Preto é associado com a noite, o que também adiciona uma aura de mistério para a cor.

logo infographic jpg 900 11274

Se você está procurando fazer uma declaração ousada ou séria, o preto — especialmente quando usado com uma fonte intensa — pode causar a impressão certa.

Quando usar o preto para ajudar na sua taxa de conversão, considere usar para uma declaração ousada ou para atrair atenção para o que você tem a oferecer.

Você também pode acentuar sua página com preto para aumentar o valor percebido do que você está vendendo.

Branco e cinza mostram espaço e abertura

Se você quer criar um sentimento de abertura, liberdade e simplicidade, branco é sua melhor aposta.

(Já que branco e cinza costumam ser usados de forma permutável, irei me referir a eles igualmente. Visto que branco é impossível de se usar sem outra cor, costuma ser acentuado com o cinza.)

Branco representa limpeza e perfeição, e dá um sentimento de elegância exposta para sua oferta.

Banners and Alerts and ColorInfographicHiRes jpg 1200 7869

Para usar o branco eficientemente, inclua muito espaço branco na sua página inicial e nos seus esforços de marketing.

Considere usar o branco para limpar a área e fazer seu call to action ainda mais óbvio e atraente.

Embora eu não recomende usar branco como cor de botão, pode funcionar se sua página estiver em um tom mais escuro. Você também pode considerar usar como cor de fonte para fornecer contraste ou intriga.

Use combinações de cor vencedoras

Afinal de contas, não importa a cor que você escolher.

Eu sei que parece surpreendente, mas a verdade é que a combinação de cores é geralmente mais importante para a sua taxa de conversão do que qualquer cor em particular.

Para usar uma cor para aumentar a conversão, você precisa encontrar uma combinação que adicione valor e encoraje assinaturas, vendas e conversões.

Veja como fazer isso.

Cores primárias

Cores primárias são algumas das melhores cores para se usar para atrair visitantes a tomarem ação. Faça uso do vermelho, azul e amarelo para conduzir as ações mais fortes dos seus visitantes.

Dropbox usa botões azuis arrojados para conduzir conversões de visitantes para membros.

Dropbox 2

Essas cores são nítidas e mandam uma mensagem clara.

Se quiser, você também pode experimentar cores secundárias: roxo, laranja e verde.

Essas cores não são tão claras, mas fazem melhorias significantes para sua taxa de conversão.

Cores em contraste

Para realmente disparar sua taxa de conversão, você deverá prestar bastante atenção ao contraste que você usa em sua página.

Procure encontrar cores que se diferenciem umas das outras, especialmente em páginas que tem o intuito de conduzir uma ação específica, como assinar um formulário ou comprar um produto.

Esse exemplo clássico de cores de botões do HubSpot não é realmente sobre cores de botões de jeito nenhum, caso contrário botões vermelhos funcionariam melhor para todos.

red green button.pngt1503330048706

Os reais resultados que o estudo de caso demonstra é que contraste, como um botão vermelho em uma página com logo verde e acentuações, se diferencia.

Esse tipo de contraste irá mudar a forma com a qual as pessoas veem sua página e conduzirá mais conversões do que você imagina.

Cores análogas

Se você não encontrou sucesso com cores em contraste ou quer tentar algo mais sutil, não precisar procurar além das cores análogas.

Cores análogas são aquelas que ficam bem juntas sem atrair muita atenção para elas.

Uma ótima ferramenta para isso é o Adobe Color CC, também conhecido como Kuler.

Color wheel Color schemes Adobe Color CC 2

Comece escolhendo uma cor. Eu recomendo usar a cor base da sua página. Então arraste o ícone de cor no meio para o lugar no círculo cromático.

Color wheel Color schemes Adobe Color CC

Depois, escolha o tipo cor padrão que você gostaria de usar. O tipo predefinido é análoga, mas você também pode dar uma olhada nas cores complementares (contraste), dentre outros.

Color wheel Color schemes Adobe Color CC 3

Com a regra posta, você agora pode ajustar as outras cores ao arrastar os ícones pelo círculo cromático.

Color wheel Color schemes Adobe Color CC 1

Essa é uma ótima ferramenta para criar diferentes acentuações de cor com facilidade e precisão.

No entanto, você não precisa de cores diferentes para fazer um site lindo e com uma taxa de conversão incrivelmente alta.

Diferentes matizes, sombras e tons

Se você trabalhar cuidadosamente com uma cor principal, facilmente pode criar um grande número de diferentes variações que encorajam cliques somente ao ajustar as propriedades de cada cor.

Especificamente, você deverá prestar atenção nessas três propriedades:

  • Matiz: a cor base quando misturada com branco
  • Tom: a cor base quando misturada com cinza
  • Sombra: a cor base quando misturada com preto

Embora isso possa parecer simples, há uma larga gama de opções de cor que você pode usar ao simplesmente mudar esses fatores.

Essa ilustração da Designmantic mostra como um logo envolvente é criado somente usando essas propriedades.

INFOGRAPHIC The 10 Commandments of Color Theory

Você pode usá-las para atrair atenção para sua página e aumentar as conversões sem ser ostentoso ou óbvio.

É uma ótima forma de adicionar sofisticação sutil e aumentar sua taxa de clique ao mesmo tempo.

Mas e se você não sabe por onde começar, ou não confia na sua intuição?

Simplesmente use um esquema de cores pré-fabricado.

Esquemas de cores

Se você só quer um conjunto de cores perfeitamente combinadas “feitas para você”, pode conseguir facilmente com uma ferramente feita para escolher as melhores cores para usar em um site.

A melhor ferramenta que eu conheço para isso é a Coolors.co. Você pode gerar um número quase infinito de cores para site.

Generate Coolors co 1

Se você não gostar das cores anteriores, simplesmente pressione a barra de espaço. Você vai ver um novo conjunto imediatamente.

Generate Coolors co 2

Dependendo das suas necessidades, você pode gerar dezenas de esquemas trabalháveis de melhores cores para um blog ou site em alguns minutos.

Generate Coolors co

Com todas as cores para site que você escolher, você deve considerar cuidadosamente como as implementar. Vamos falar sobre isso agora.

Diferencie uma cor como “cor de ação”

Não importa como você usa suas cores, você precisa refletir sobre a forma com que irá utilizá-las em seu site.

Especificamente, você deve criar uma cor que sempre leva à ação. Desse jeito, você “treina” seus visitantes a associaram aquela cor com algo para clicar.

Com o tempo, isso fará uma grande diferença na sua taxa de cliques. Esse exemplo da StudioPress mostra como o vermelho se torna uma cor que é somente usada para elementos clicáveis.

jopp example

Se você está procurando por estratégias comprovadas para aumentar a atratividade dos botões no seu site, essa é uma técnica que deveria começar a usar imediatamente.

Tire um tempo para ver as cores do seu site e analise que cor você está usando para a maioria dos seus calls to action. Então remova essa cor de todos os outros lugares, para assim ser somente usada para conduzir conversões.

Esse é um caminho sólido para aumentar a taxa de clique nos seus botões de call to action.

O processo para impulsionar sua taxa de conversão com cores

Até aqui, eu compartilhei várias estratégias e táticas para usar as melhores cores ou paleta de cores para impulsionar sua taxa de conversão.

Mas vamos mergulhar nesse passo a passo de transformar aquelas estratégias de alto nível em resultados acionáveis e uma melhor taxa de conversão.

Passo #1: Analise o esquema geral de cor da sua página

Antes de você começar a mudar as cores, precisa entender o propósito do design e o esquema de cor que você está usando no momento.

Um dos maiores erros que vejo profissionais de marketing iniciantes cometendo é mudar todo o design do site deles sem compreender o que realmente irá melhorar as conversões.

Comece aprendendo qual mensagem você está passando com suas cores atuais. Esse quadro da Help Scout mostra uma ótima forma de interpretar a linguagem da sua marca.

(A Help Scout não alega que as cores usadas aqui significam essas características, mas elas podem ser um ponto de partida dependendo dos seus objetivos.)

5 17 personality

Uma vez que você entende se o seu site está ou não representando sua mensagem apropriadamente, é hora de encontrar uma cor para impulsionar conversões.

Passo #2: Encontre uma cor de contraste

Como mencionei acima, cores arrojadas e em contraste costumam ser melhores para aumentar conversões. Se você não tem certeza de por onde começar, procure por cores com muito impacto visual.

Você pode (e deve) também considerar quaisquer cores que você designou como cores de ação, se já não as estiver usando.

Você não precisa mudar completamente seu esquema de cores para dar uma impressão diferente para sua marca.

Color Matters dá um ótimo exemplo do FedEx. Em adição à sua cor principal roxo, o FedEx usa verde para representar seu seguro e amigável serviço terrestre.

Mas para dar significado à empolgação e velocidade do seu serviço de entregas aéreo, eles usam uma acentuação laranja para atrair maior atenção.

fedex 2

Procure por uma cor que represente a ideia que você gostaria de promover com sua marca que conduza a conversão que você está desejando.

E lembre-se, não precisa ser perfeito. Esse é só o ponto de partida.

Passo #3: Faça testes A/B e melhorias

O passo final (e mais importante) de aumentar sua taxa de conversão com cores é testando.

No clássico texto da Smashing Magazine, uma variedade de diferentes calls to action foram apresentados para usuários.

Algumas tinham texto pequeno, outras grandes, e as cores eram ou vermelhas ou azuis. Algumas incluíam a frase “faça o download gratuitamente” enquanto outras só diziam “download.”

combinations

Somente ao testar eles descobriram o melhor resultado: “faça o download gratuitamente” em um texto pequeno vermelho venceu até mesmo o maior link azul.

Na verdade, o resultado teve um grandioso aumento de 60% na taxa de conversão.

Multivariate Testing In Action Five Simple Steps To Increase Conversion Rates Smashing Magazine

Uma das principais razões era a de que o vermelho fornecia um maior contraste contra o esquema geral de cores do site.

Mas a lição importante para se aprender não é sobre o contraste, mesmo sendo algo algo útil. A lição importante é que testar te permite encontrar as melhores cores para o seu site.

Com testes constantes, você pode fazer grandes progressos na sua taxa de conversão e aprimorar suas vendas, assinantes e lucros.

Conclusão

A cor exerce um papel importante em como as pessoas interpretam os sites que você cria.

Ela influencia as impressões das pessoas sobre sua autoridade, sua credibilidade e a emoção que você quer que elas sintam.

Mas mais importante, a cor pode mudar as conversões que você gera. Com uma cuidadosa integração de comprovada psicologia de cores, você irá disparar sua taxa de conversão.

Primeiro, você deve definir as cores que irá utilizar no demográfico do seu site.

Assegure-se de não estar usando cores que conflitem com as preferências do seu público, particularmente se você tem um grande grupo de seguidores em outros países.

Utilize os significados comprovados por trás das cores para construir confiança, simpatia e impacto da sua marca.

Escolha a melhor combinação de cores e contraste para sites que façam seu conteúdo principal se diferenciar e conduzir conversões e engajamento.

Experimente com variações diferentes e continue a fazer melhoras, conduzindo tráfego e aumentando lucros.

Quais cores você escolherá para melhorar sua taxa de conversão?

guia completo de marketing digital

Compartilhe