Melhore sua comunicação usandocores na montagem de suas peças

Cores no email marketing

Com dicas deferramentas

SumárioComo as pessoas percebem as cores..................................................................4

O contraste favorece a leitura...............................................................................5

Contraste nos CTAs...................................................................................................6

Esquemas de harmonia entre cores.....................................................................7

As paletas cromáticas dinamizam seu trabalho...............................................8

As cores por segmento...........................................................................................10

Cor e contexto...........................................................................................................11

3Cores noemail marketing

Falamos bastante sobre os benefícios do email marketing nas campanhas de marketing digital, porém

há um item não muito discutido e que ajuda muito na leitura e conversão dos seus leads: o uso de cores na

montagem das peças no email marketing.

Você pode pensar que, depois do email aberto, seu contato irá ler todo o conteúdo criado pensando nele,

porém na prática ele lerá apenas aquilo que chamar a atenção. Essa é uma forma natural de seleção e todos

nós fazemos isso!

É necessário pensar além do conteúdo, para atingir maiores números de conversão você precisa pensar

também em como irá passar essa informação. As cores podem ajudar você nesta tarefa. Pensando nisso,

preparamos algumas dicas para ajudar você a obter melhores resultados nos seus envios de email marke-

ting. Veja o que você irá aprender:

• Como as pessoas percebem as cores;

• O contraste favorece a leitura;

• Contraste nos CTAs;

• Esquemas de harmonia entre cores;

• As paletas cromáticas dinamizam seu trabalho;

• As cores por segmento;

• Cor e contexto;

• As cores nas imagens;

• O poder de persuasão na hora da conversão;

• Definir uma paleta cromática é importante.

Introdução

4Cores noemail marketing

Como as pessoas percebem as cores

Muitas vezes as cores são usadas para informar algo que está subentendido por uma convenção. Pense em

um semáforo por exemplo, você sabe que o vermelho significa “pare”, o amarelo “atenção” e o verde “siga”,

esta é uma forma direta de usar as cores a serviço da informação. Vamos levar essa discussão um pouco mais

adiante? Por que você acha que redes de fast food usam o vermelho, laranja e amarelo? Agora imagine se

hospitais usassem essas cores. As redes de fast foods usam os tons quentes para aumentar a fome, estimular

o apetite e trazer força, vitalidade e energia, porém não dão a calma e tranquilidade que um hospital precisa.

Agora que você entende o quanto as cores trabalham na percepção das pessoas, vai estar preparado para

entender o gráfico a seguir. Ele foi criado por Robert Plutchik para mostrar as sensações das pessoas quan-

do estimuladas por determinadas cores.

Mas não é só isso, você deve levar em consideração que as culturas são diferentes nas diversas partes do

mundo. Por isso, é interessante estudar o que as cores representam antes de usar em uma peça que chega-

rá a alguém de uma cultura diferente da sua. A cor branca por exemplo representa a paz no ocidente, já no

oriente está ligada ao luto. Uma forma de solucionar isso é segmentar sempre os seus contatos.

Otimismo

Interesse

Antecipação

Serenidade

Alegria

Êxtase

Vigilância

Agressividade

Repugnância

Luto

Êxtase

Terror

Admiração

Medo

Surpresa

DistraçãoTristeza

Pensativo

Tédio

Desgosto

RaivaAborrecimento Apreensão

Confiança

Aceitação

Amor

Submissão

Temor

DesaprovaçãoRemorso

Contemplativo

Agressividade

Roda das Emoções de Plutchik

5Cores noemail marketing

O contraste favorece a leitura

Que os serviços de leitura de email limitam muito as possibilidades de uso de fontes todo mundo já sabe, por isso,

em blocos grandes de texto, utilize apenas fontes encontradas em todos os computadores. Tenha como exemplo

Arial, Helvetica e Times New Roman. Para os títulos você pode usar a versão bold destas fontes ou usar uma

fonte mais customizada e inserir na peça como imagem.

Resolvida a escolha da fonte, o que mais fará ela ser legível para o leitor? Isso mesmo, a cor!

Veja se as fontes estão bem legíveis e contrastando com o fundo, isso facilita a leitura e consequentemente você

consegue passar sua mensagem sem muitos ruídos na comunicação. Para isso, tenha em mente que fundos cla-

ros pedem por fontes escuras e fundos escuros por fontes claras.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Teste de legibilidade de texto em cima de fundos coloridos

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

Imaximus, velesent ullor ame et expedis ab ius-

dam nectas esti dollecup-tat latet diantem. Evellup

ientiis aliquam ernam.

6Cores noemail marketing

Contraste nos CTAs

Você deve sempre priorizar o contraste em suas peças. Com um contraste bem feito, é possível direcionar

o olhar do leitor para as partes mais importantes do layout do seu email marketing. Uma boa forma de vi-

sualizar se isso está funcionando, é deixar a sua peça em escala de cinza e ver quais são os locais que mais

chamam a sua atenção. Se funcionar para você, provavelmente funcionará para o seu leitor. Veja uma das

peças que enviamos por último para um público.

Você consegue perceber que é uma peça bem colorida? Porém os CTAs estão bem marcados, é possível

ver isso na versão em escala de cinza da peça. Mesmo quando a área está com fundo escuro o CTA possui

contraste, mostrando qual é o destaque ali.

Forma de testar o contraste nas peças

7Cores noemail marketing

Esquemas de harmonia entre cores

Existem alguns esquemas onde você consegue encontrar rapidamente um conjunto harmonioso de cores.

Estas fórmulas foram descobertas há muito tempo, mas ainda são consultadas constantemente na hora da

construção de paletas cromáticas. Veja a seguir esses esquemas:

Círculo com divisão monocromática

Esquema de combinações e linhas

Exemplo de uso dos esquemas

8Cores noemail marketing

As paletas cromáticas dinamizam seu trabalho

Usar paletas cromáticas é uma forma de facilitar o seu trabalho. Há muitos sites que disponibilizam paletas

cromáticas, veja as que mais tem haver com a sua peça e faça uso!

Estas dicas podem ajudar você nessa pesquisa:

Colour Lovers

Qualquer usuário pode criar uma paleta cromática

e deixar disponível no site para que todos tenham

acesso. O legal dessas paletas é que os usuários po-

dem indicar a porcentagem de uso das cores, facili-

tando assim até como você pode imaginar o layout.

Adobe Color CC

A ferramenta da Adobe é uma das mais completas

na questão de customização. Na área Criar você es-

colhe uma cor principal e define o esquema de har-

monia que ela terá entre as outras cores. Na área

Explorar tem paletas criadas por outros usuários e

que ficam disponíveis ali, você pode adquirir os códi-

gos das cores, editar para chegar na sua preferência

e, se tiver login da Creative Cloud, pode baixar para

o seu dispositivo ou salvar direto nos seus softwares

da Adobe.

Material Design by Google

O site criado pela google para passar as diretrizes

sobre o conceito de Material Design tem uma seção

inteira dedicada às cores. Você pode aprender mui-

to com as dicas que existem por ali e ainda usar as

fantásticas cores do mundo Material Design. Essa é

a paleta que mais usamos na Dinamize!

9Cores noemail marketing

VocêVocê não é um site ou ferramenta, é

você mesmo! Experimente colocar

as cores lado a lado para ver como

elas se comportam, se funcionam, se

pedem uma terceira cor. Teste fazer

como a última indicação, tire fotos e

use o conta-gotas para pescar cores.

A natureza sempre trata de balancear

todas as cores e o resultado é sempre

harmonioso.

Coolors

Esta ferramenta é um imenso repositório de paletas.

O legal é que ao entrar ela já ensina como usar e tirar

maior proveito de tudo o que está disponível. Você

pode ir customizando ou usar as paletas prontas

que estão na área Explore.

Design Seeds

Diferente dos sites anteriores, o Design Seeds ofe-

rece paletas suaves. Provavelmente se você ainda

não conhecia o site, vai passar a tê-lo como refe-

rência na hora que precisar fazer peças com tons da

natureza e “sensoriais”. O legal é que as paletas são

retiradas fotos e elas ficam ali disponíveis para você

ver qual foi a imagem de referência.

10Cores noemail marketing

Uma outra forma de chegar nas cores que seu público recebe facilmente, é estudando as peças de seus

concorrentes. Você não precisa copiar nada, apenas tentar entender qual a estrutura de layout que usam,

forma de comunicação e cores. Com isso anotado, você estará pronto para desenhar algo alinhado com a

sua marca.

Agora você quer saber se tem uma cor certa para a sua empresa, não é? Sentimos informar, mas isto não é

uma coisa tão clara assim, você pode descobrir através de teste A/B com peças de diferentes cores. Uma

dica que podemos dar é que diferentes segmentações de contatos permitem que você use mais uma cor ou

outra. A Quicksprout criou um infográfico baseado em informações estudadas por Neil Patel, este infográ-fico aponta, por exemplo, que mulheres preferem as cores azul, roxa e verde; já os homens tem preferência

por azul, verde e preto.

Mesmo assim você não quer sair testando qual cor seu público aceita melhor? Sem problemas, veja no info-

gráfico a seguir as cores usadas nas marcas com foco no sentimento que causam.

As cores por segmento

11Cores noemail marketing

Cor e contexto

Da mesma forma que anteriormente, deter-

minadas cores funcionam para ambientes es-

pecíficos. Indicamos que você preste atenção

em qual a melhor cor para o assunto que você

está abordando. Se estiver com dificuldades

de entender os significados de cada cor (na

cultura ocidental), acesse o infográfico criado

pelo Limaonagua, escolha a cor principal do

seu layout e, a partir dela, use os esquemas de

harmonia cromática para definir quais serão

as outras cores. Caso queira saber mais sobre

essa diferença de cores nas culturas você po-

de acessar o infográfico Cores no mundo to-do, criado pelo Nowsourcing e traduzido pelo

Mundo da Psicologia.

12Cores noemail marketing

Este ebook foi criado e diagramado por Eduardo Tavares,

Produtor Multimídia e atua como Designer Gráfico há 6 anos.