Atrair assinantes é o primeiro passo de qualquer campanha de email marketing, certo? Afinal, sem assinantes, não temos para quem enviar conteúdo nem quem atrair para a nossa marca.
Existem muitas técnicas eficazes para atrair assinantes: desde um pop-up básico que aparece no nosso site até campanhas de publicidade paga para aumentar a visibilidade e a captação de leads.
Talvez seja pelo setor em que eu trabalho, mas um dos recursos gráficos que eu mais gosto de usar na web é o banner (e, se for criativo, melhor ainda).
Por isso, neste artigo vou compartilhar com você algumas noções básicas sobre o assunto, para que você também pense em usar banners criativos para atrair mais assinantes interessados no seu negócio.
Antes de começar, aqui vai um breve resumo de tudo o que vamos ver ao longo deste post:
- Elementos e funcionalidades essenciais dos banners para web.
- Tipos de banners (clássicos e modernos).
- Banners criativos que criei com a minha equipe e que vão inspirar você.
Nesta seção, vamos responder a perguntas como: quais elementos gráficos e textuais um banner bem projetado deve conter?, como criar banners com uma funcionalidade específica, por exemplo, atrair assinantes?…
Basta navegar um pouquinho pela internet para dar de cara com uma infinidade de banners tentando chamar a nossa atenção. No entanto…
“…Cada marca usa um estilo criativo diferente, mas todas incluem uma série de elementos básicos com um objetivo ou funcionalidade específica.”
Você provavelmente está se perguntando como um banner, um espaço publicitário tão pequeno, consegue atrair um determinado público e gerar conversões.
Por isso, é preciso saber trabalhar todos os elementos gráficos e textuais de forma original e criativa, para que quem vê capte a mensagem corretamente com um único olhar.
O nível de criatividade vai depender da dedicação de quem cria o banner, assim como do tom de comunicação que a marca dá a cada uma das suas mensagens promocionais.
Mesmo assim, existe uma estrutura básica comum que encontramos nos banners visualmente eficazes:
- Conteúdo visual: lembre-se de que um banner fica dentro de uma página web que tem o seu próprio conteúdo. Para que o seu banner se destaque, você precisa incluir uma parte gráfica que chame a atenção. Você pode incluir ilustrações, imagens, ícones, símbolos, vinhetas, logotipos etc.
- Título e subtítulo: o título será a frase mais chamativa do banner e a que vai captar a atenção do usuário. Portanto, escreva nele a essência da mensagem publicitária, para que seja fácil e rápida de entender. No subtítulo, você explica a mensagem principal com um pouco mais de profundidade.
- Texto promocional: não é recomendável sobrecarregar os banners com texto, por isso é preciso resumir o máximo possível. Ainda assim, também não convém ser breve demais. Os usuários precisam saber o que estão vendo e o que você está promovendo ou anunciando.
- Chamada para ação: ao criar banners eficazes, nunca se esqueça de incluir uma chamada para ação, como um botão ou uma caixa de texto que indique aos usuários o que se espera que eles façam. Neste caso, seria uma chamada para ação que os incentive a assinar uma newsletter.
Os banners podem incluir mais elementos, mas isso vai depender, sobretudo, do espaço disponível (um banner pequeno não é a mesma coisa que um intersticial, conceito sobre o qual vou falar mais adiante).
Portanto, antes mesmo de pensar no design ou no texto do seu banner criativo, você precisa ter claro o espaço disponível no seu site para colocá-lo e, assim, criá-lo com o tamanho e a proporção adequados.
Como comentei acima, ao criar banners, você pode buscar muitos objetivos diferentes. Talvez você queira gerar cliques para uma landing page de vendas ou, como neste caso, atrair tráfego para um formulário de inscrição e colocar em prática uma estratégia de email marketing eficaz.
Como em qualquer ação de marketing, ter claro o que você quer alcançar antes de colocar a mão na massa é importante, principalmente se você decidir investir no design de banners.
Agora que você já sabe como é importante ter um objetivo concreto, que será alcançado ou não dependendo da criatividade do design e da disposição dos diferentes elementos no banner, vamos ver quais podem ser algumas das suas funcionalidades:
- Atrair tráfego: embora existam muitas outras formas de conseguir visibilidade e tráfego online, os banners são um ótimo recurso de atração. Garanto que, com banners criativos no seu site, você pode melhorar muito a imagem da sua marca.
- Obter dados de contato: quer atrair os seus usuários para os seus formulários de contato? Com banners chamativos e bem posicionados, com link para a sua página de contato, você consegue.
- Promover: atraia os seus usuários para sorteios, ofertas e promoções com banners promocionais.
- Conquistar seguidores: quando você cria novos perfis nas redes sociais, pode ser difícil ampliar a comunidade de seguidores. Os banners criativos vão ajudar muito nessa tarefa.
- Atrair assinantes: esta é a funcionalidade que nos interessa neste artigo, já que os banners são uma ótima opção para aumentar os assinantes da sua newsletter ou da sua estratégia de comunicação por email.
Seja no seu próprio site ou em outras páginas, o principal objetivo ao criar banners é converter os usuários em clientes por meio de uma chamada para ação (qualquer uma das mencionadas).
Além dos banners para web, você também pode apostar em criar banners para redes sociais ou para as suas próprias newsletters. O posicionamento que você escolher vai depender do tipo de estratégia de marketing que você está colocando em prática.
Entender a psicologia das cores é essencial para maximizar o impacto dos seus banners.
As cores não são apenas decorativas; elas também carregam mensagens e emoções.
Por exemplo, o vermelho costuma ser associado à urgência ou à paixão, enquanto o azul transmite confiança e serenidade.
- Vermelho: ideal para chamar a atenção e gerar ação. É muito usado em ofertas e descontos.
- Azul: esta cor transmite confiança e profissionalismo. É perfeita para empresas de tecnologia ou de serviços financeiros.
- Verde: esta cor está ligada à natureza e à saúde. Funciona bem para produtos ecológicos ou serviços de bem-estar.
- Amarelo: esta cor está relacionada à felicidade e ao otimismo. Pode funcionar bem para destacar características específicas de um produto.
É fundamental encontrar um equilíbrio e garantir que as cores escolhidas combinem com a identidade da marca e com a mensagem que você quer transmitir.
► A importância da tipografia
A tipografia nos banners é tão importante quanto a cor.
Uma fonte difícil de ler ou pouco atraente pode desestimular as pessoas a clicar no seu banner.
Alguns pontos importantes a considerar:
- Legibilidade: escolha fontes fáceis de ler em diferentes dispositivos. Às vezes, as fontes mais simples são as mais eficazes.
- Estilo: o estilo da tipografia deve combinar com o tom da mensagem. Por exemplo, uma fonte cursiva pode ser adequada para o convite de um evento elegante, enquanto uma fonte em negrito pode funcionar melhor para uma oferta de venda.
- Tamanho: garanta que o texto seja grande o suficiente para ser legível, mas não tão grande a ponto de sobrecarregar o design geral.
- Contraste: a tipografia deve contrastar bem com o fundo, para que o texto se destaque e seja fácil de ler.
A escolha cuidadosa das cores e da tipografia pode fazer a diferença entre um banner que as pessoas ignoram e um que gera cliques e conversões.
Banners tradicionais
Todos os dias surgem novos formatos para criar banners. Normalmente, usamos o termo banner para nos referir a qualquer peça publicitária que vemos na internet, mas o banner propriamente dito se refere a apenas um tipo.
Afinal, essas peças de comunicação online evoluem no mesmo ritmo que as próprias páginas web. No entanto, há certos tamanhos e modelos que resistem desde que os primeiros banners foram criados e que continuam em uso até hoje.
► Banner clássico
É a peça mais básica de todas e a que conhecemos normalmente. Tem formato alongado na horizontal, imitando uma bandeira ou estandarte (o seu significado em inglês), e o seu tamanho padrão fica em torno de 480×60 pixels.
Originalmente, ele foi criado para ficar na parte superior das páginas web, embora aos poucos tenha caído em desuso.
Embora possa parecer o contrário, é o formato que menos chama a atenção e o que as marcas menos usam hoje em dia.
Aqui você tem um exemplo:
Tem cerca de 234×60 pixels (aproximadamente a metade de um banner clássico) e, em termos criativos, é o mais simples, já que é criado para ser colocado em locais com pouco espaço.
Mesmo assim, este banner costuma chamar bastante a atenção dos usuários pela sua simplicidade e originalidade. É um excelente recurso de atração para sites sobrecarregados de elementos maiores.
É um design de banner que já começa a se adaptar mais à tendência atual, especificamente ao desenvolvimento web com imagens de largura total. Embora o tamanho médio seja de 728×90 pixels, normalmente a largura se adapta a toda a largura da página, e a altura fica livre para a criatividade.
Além disso, esse tipo de banner muitas vezes inclui vídeo ou um carrossel de imagens, o que pode exigir até triplicar a sua altura.
► Retângulo médio
Este é, na verdade, o formato clássico que vem à cabeça de todos nós quando pensamos no design de um banner para web. É praticamente quadrado, com um tamanho médio de 300×250 pixels, embora hoje em dia seja possível encontrar outros tamanhos.
Esse tipo de banner é fácil de encontrar em quase qualquer página web. É criado em formato estático ou como gif (ou seja, com várias imagens que vão se alternando).
Um exemplo seria este:
► Skyscraper
Com 120×600 pixels, é alongado na vertical, como um arranha-céu. É comum encontrá-lo nas barras laterais de muitas páginas, principalmente nas de veículos de comunicação.
Outro exemplo:
Banners modernos
Além desses formatos clássicos, com a evolução das páginas web e dos canais online em geral, foram surgindo outros tipos de banners. São formatos com os quais já estamos acostumados e que encontramos cada vez mais em sites recém-desenvolvidos.
Se você vai criar banners para a sua estratégia de captação de assinantes, também vale a pena conhecer esses formatos, já que são os mais flexíveis e os que deixam mais espaço para a criatividade. Eles não são classificados tanto pelo tamanho, mas pela sua interatividade.
► Interstitial
É um banner bastante intrusivo que, justamente por isso, garante a sua visibilidade. Aparece por cima da página web que o usuário está visitando, ocupando toda a tela ou a maior parte dela.
Além de ter um botão para fechar, costuma conter vídeos ou imagens com os quais o usuário pode interagir sem sair do banner.
► Pop-up
Surgiu antes dos interstitials e é o passo intermediário entre os banners mais tradicionais e os modernos. Também fica por cima da página web, mas com o tamanho de um retângulo médio.
Não é bem recebido pelos usuários por ser intrusivo demais. Isso porque, durante alguns anos, ele foi usado de forma excessiva.
► Banners flutuantes
São os banners, de qualquer tamanho, que não têm uma posição fixa na página web e acompanham o usuário enquanto ele navega por ela.
Nesses casos, uma boa criatividade é imprescindível, já que o banner persegue o usuário e não queremos que tenha o efeito contrário e acabe incomodando.
► Formatos expansíveis
Têm a capacidade de aumentar de tamanho, normalmente quando se passa o mouse por cima. É comum que, na versão pequena, a peça se resuma a uma chamada para ação que convida a expandir o banner.
► Banners com vídeo
Os banners com vídeo estão ganhando espaço rapidamente, e é fácil entender por quê.
O vídeo é uma forma dinâmica e atraente de captar a atenção do usuário.
Mas não basta colocar qualquer vídeo; é preciso levar em conta vários aspectos:
- Conteúdo relevante: o vídeo deve ser curto e estar alinhado com a mensagem que você quer transmitir. Você não vai querer que as pessoas percam o interesse antes de chegar ao call-to-action.
- Autoplay vs. click-to-play: alguns banners com vídeo começam automaticamente, enquanto outros exigem que o usuário clique para assistir. Cada opção tem seus prós e contras, então avalie qual se adapta melhor ao seu público-alvo.
- Qualidade do vídeo: garanta que o vídeo seja de alta qualidade, mas também otimizado para a web, para não deixar o carregamento da página mais lento.
- Call-to-action: assim como em qualquer outro tipo de banner, um CTA claro e eficaz é fundamental. Você pode incluí-lo no final do vídeo ou usar um botão sempre visível.
► Banners com elementos interativos
Os banners interativos levam a participação do usuário para o próximo nível.
Em vez de serem meros espectadores, os usuários se tornam participantes ativos, o que aumenta a probabilidade de conversão.
Alguns exemplos incluem:
- Sliders de imagens: permitem que o usuário veja diferentes produtos ou características deslizando o dedo ou o cursor.
- Formulários de inscrição: incluir um pequeno formulário dentro do banner para coletar emails ou números de telefone pode ser uma excelente forma de ampliar a sua lista de marketing.
- Jogos ou quizzes: pequenos jogos ou questionários podem manter os usuários entretidos e engajados, ao mesmo tempo que transmitem a sua mensagem de forma eficaz.
- Efeitos hover: esses efeitos são ativados quando o cursor passa sobre diferentes elementos do banner, revelando mais informações ou mudando a aparência para indicar interatividade.
Agora que já vimos a parte teórica, eu gostaria de mostrar alguns designs de banners criativos feitos pela minha equipe. São de temas variados, mas tenho certeza de que vão servir muito bem como exemplos para inspirar você.
Na verdade, tanto os designers quanto os nossos próprios clientes, quando nos pedem um trabalho desse tipo, precisam dar uma olhada em outras peças para ter uma ideia do estilo final que vão dar aos seus banners para web.
Confira estes 4 exemplos! Eu adoraria que você deixasse o seu comentário no final deste artigo contando as suas impressões 🙂
Ter as ferramentas certas é fundamental para criar banners atraentes e eficazes.
Você não precisa ser um designer gráfico profissional: existem inúmeras opções que permitem obter resultados de alta qualidade.
► Softwares recomendados
- Adobe Photoshop: este é o padrão do setor quando se trata de design gráfico. Oferece uma ampla variedade de ferramentas para criar banners muito personalizados, mas tem uma curva de aprendizado mais acentuada.
- Canva: este software baseado na web é incrivelmente fácil de usar e oferece muitos templates de banners. Ideal para iniciantes ou para quem precisa de resultados rápidos.
- Snappa: este é outro serviço online que permite criar banners com facilidade. Oferece uma boa seleção de templates e é muito fácil de usar.
- CorelDRAW: este software oferece um conjunto robusto de ferramentas de design gráfico. Embora seja menos popular que o Photoshop, continua sendo uma ótima opção para criar banners.
► Templates e recursos gratuitos
- FreePik: este site oferece uma grande variedade de templates de banners gratuitos. Só não se esqueça de respeitar os termos de uso e as licenças.
- Pexels / Unsplash: para imagens de alta qualidade e livres de direitos, essas plataformas são excelentes recursos. As imagens podem dar um toque profissional aos seus banners.
- Google Fonts: se você está procurando fontes gratuitas e de alta qualidade, o Google Fonts é um recurso valiosíssimo. A tipografia certa pode fazer o seu banner se destacar.
- Iconfinder: este site oferece uma grande variedade de ícones que você pode usar nos seus banners. Há opções gratuitas e premium.
Em resumo, criar banners eficazes ficou muito mais acessível graças a uma ampla variedade de ferramentas, tanto pagas quanto gratuitas.
Mas não se esqueça de que um bom banner é apenas uma peça do quebra-cabeça da sua estratégia de marketing.
Para realmente levar a sua campanha para o próximo nível, nada como uma estratégia sólida de email marketing e SMS marketing. E, nesse aspecto, a Mailrelay é imbatível em qualidade e atendimento ao cliente. 😉
Conclusões
Existe uma grande quantidade de recursos gráficos e criativos para fazer a nossa mensagem chegar aos usuários na internet. Alguns são mais flexíveis que outros e, especificamente, o banner para web é uma das opções mais versáteis, graças aos seus diferentes tamanhos e funcionalidades, além dos elementos gráficos e textuais.
Neste artigo, vimos um a um os diferentes banners criativos que você pode usar no seu site e até mesmo em outras estratégias de marketing online.
As diferentes variantes de banners evoluíram de formatos mais clássicos, com tamanhos padrão e usos limitados, para designs avançados que seguem as tendências da web, como o uso de imagens de fundo de largura total.
Entre todas as funcionalidades ou objetivos que você pode buscar ao colocar um banner, a ideia de captar leads de qualidade para aumentar a base de assinantes é fantástica para impulsionar o lançamento da sua próxima campanha de email marketing.
E você? O que acha de usar banners criativos para captar leads? Já os usou alguma vez com o objetivo de melhorar as suas estratégias de envio de emails?
Jose Argudo
CMO da Mailrelay. Escreve sobre email marketing, copywriting e conversão para PMEs e empreendedores.