Quais cores você deve usar para aumentar as vendas?

Mais uma vez, os testes A/B nos mostraram que nossos gostos e preferências de cores nem sempre estão alinhados com os de nossos visitantes. Ou melhor, as cores que você mostra em seu site, embora possam ser atraentes, não são necessariamente as que vão te trazer mais vendas. Na verdade, você encontrará muitos artigos sobre a psicologia das cores que estudam como cada cor provoca uma resposta emocional diferente e como elas podem persuadir seu público de maneira diferente.

Este mês, como recentemente alteramos nossos planos de produtos Nelio Content e o design da página de preços, achamos que era uma oportunidade perfeita para analisar quais cores deveriam ser exibidas em cada um de nossos planos para obter mais vendas.

No design da página original, sendo fã da cor azul, propusemos o seguinte design da página de planos de Conteúdo do Nelio:

Legal certo? Mas se você está lendo sobre nossa experiência realizando um teste todo mês, sabe que, quando se trata de tomar decisões de negócios, você não deve se concentrar apenas em seu gosto, mas sim obter dados reais, pois é isso que realmente vai te dizer o que mais impacta seus resultados.

Portanto, o teste deste mês com o Nelio A/B Testing analisa qual esquema de cores em nossa página de preços gerará mais receita.

Criar um teste da página de preços

Antes de criar um teste A/B de qualquer elemento de um site, sempre recomendamos que você faça uma análise do que está funcionando no seu site, onde tem mais atritos e problemas, e gere hipóteses sobre o que você pode melhorar. Da lista de hipóteses que você gerou, priorize aquelas que terão maior impacto em seus objetivos. Ou seja, landing pages e páginas de preços provavelmente terão muito mais impacto no aumento de vendas do que uma postagem no blog.

Nesse caso, nossa principal motivação para a criação deste teste foi: como estamos alterando os planos do Nelio Content e redesenhamos toda a página de preços, aproveitamos para garantir que o novo design utilize o melhor esquema de cores possível .

Decidimos criar, além da versão original, outras duas variantes com essas combinações de cores:

Na primeira variante, decidimos mostrar os planos com uma seleção de cores pastel que estão muito na moda este ano.

E criamos uma segunda variante, como você pode ver na imagem acima, na qual queríamos apenas destacar com cor fúcsia o plano Standard, e os outros dois planos para mostrá-los com um fundo azul mais escuro e botões verdes.

Em geral, poderíamos ter selecionado outras cores, ou até mesmo criado outro esquema de cores, mas o problema de criar muitas alternativas é que, para obter resultados estatisticamente significativos, é preciso ter muito mais visitas.

Criando o teste A/B

Para criar o teste A/B, como sempre, usamos nosso próprio plugin, Nelio A/B Testing. Basta baixá-lo do diretório oficial de plugins do WordPress e instalá-lo em seu site para poder criar um teste como este. E se você ainda tiver dúvidas sobre qual plug-in de teste A/B usar para criar seus testes em seu site, recomendo que você leia nossa comparação de plug-ins de teste A/B para WordPress.

O Nelio A/B Testing é muito versátil, pois permite criar testes A/B de qualquer elemento do WordPress. Neste caso criamos um teste A/B de páginas. Esse tipo de teste permite criar novas variantes duplicando a página original em novas páginas alternativas. Em nosso teste, simplesmente alteramos as cores de fundo de cada plano, conforme descrito acima. Se você quiser alterar algo que faz parte do modelo de página que você usa, você pode fazer isso criando um modelo alternativo e executando um teste A/B de modelos de página.

Na captura de tela a seguir você pode ver a definição do teste:

Em seguida, ao criar qualquer teste A/B, você deve definir as metas que deseja medir no teste para decidir o que funciona melhor. Neste caso definimos 4 objetivos a serem medidos dentro do teste:

• Cliques nos botões de qualquer plano
• Cliques nos botões do plano Básico
• Cliques nos botões do plano padrão
• Cliques nos botões do plano Plus

Com tudo isso criado, só nos restava iniciar o teste e esperar os resultados chegarem. O Nelio A/B Testing se encarrega de dividir o tráfego em três grupos aleatórios para que cada um deles veja apenas uma das variantes definidas e acompanhe as conversões que cada variante e meta obtém.

Análise dos resultados do teste A/B

Após um mês e nove dias de execução deste teste, obtivemos resultados estatisticamente significativos com quase 100% de confiança. Vamos analisar detalhadamente cada um dos objetivos e as conclusões que pudemos tirar do teste.

O primeiro objetivo foi medir os cliques em qualquer um dos botões do plano da tabela de preços (a tabela é exibida duas vezes na página).

Nesse caso, os resultados mostram que a segunda variante, a alternativa C, é a que obtém quase 130% (129,6%, para ser exato) mais cliques que a versão original. Em contrapartida, a variante que mostra os planos em tons pastel é 25,5% pior. Se tivéssemos apenas esse objetivo do teste, a alternativa C teria alcançado resultados esmagadores.

Nosso segundo objetivo se concentrou nos cliques recebidos pelos botões do plano Básico. Vejamos como os resultados variam:

Observe que se focarmos apenas nos cliques para o plano Básico, a diferença entre a terceira variante e a versão original, embora ainda considerável, ou seja, uma melhora de 73,7%, não é tanto quanto se analisarmos todos os cliques. E no caso da variante de cor pastel, como no caso anterior, também é pior que o original, mas a diferença é de 12,3%. Se você pensar bem, pode fazer algum sentido, pois as variantes não se concentram em destacar particularmente o plano Básico.

Vejamos agora os resultados que obtivemos no que queríamos medir os cliques do plano Standard.

Nesse caso, a melhoria da terceira variante, que é justamente a que se destaca com uma cor mais chamativa no plano, chega a atingir 228,1% mais cliques do que a versão original. Então, se você tinha alguma dúvida sobre se destacar algum dos planos tem algum impacto, fica claro neste teste que as pessoas são atraídas pelos elementos mais atraentes.

Por fim, vamos ver o que acontece com o plano mais recente:

Neste caso, a melhoria da alternativa C em relação à original é de quase 3% com 95,7% de confiança. E de qualquer forma, há pouca conversão do plano Plus em todas as alternativas. Na verdade, a maioria de nossos clientes prefere optar por um plano mais baixo no início e depois mudar para um plano diferente.

Conclusões

Considerando os resultados que obtivemos no teste A/B, chegamos à conclusão de que a versão em que o plano Standard se destaca com uma cor fúcsia funcionou muito melhor do que qualquer outra variante. Portanto, é melhor aplicá-lo como a versão final em nosso site.

Como você pode ver, com apenas um clique, a versão final da página de preços do Nelio Content se torna a que venceu o teste. Claro, podemos ter pensado que o esquema de cores azul foi uma boa opção no início, mas nossas preferências e gostos são de pouca utilidade para aumentar as vendas. Testes A/B são aqueles que, com dados reais, nos comprovam o que realmente funciona. O que você está esperando para criar seu teste A/B para aumentar a conversão em seu site?

Imagem em destaque por Baher Khairy no Unsplash.