O banner, também chamado de hero image, é aquela faixa que aparece no topo de uma página. Como os olhos gravitam primeiramente para ela, é um local importante para deixar uma boa impressão ou passar uma mensagem importante no seu site ou loja virtual. Quer saber como criar um banner para ninguém botar defeito? Continue lendo o artigo.
O que é o banner online?
Aquela faixa que costuma aparecer no topo de uma página, para onde o olhar se volta naturalmente, costuma ser chamada de banner, hero image ou até mesmo carrossel. Ela dá a primeira impressão da sua marca para quem visita o site. Portanto, é um elemento crucial da sua página.
Banners são bons para enfatizar promoções, mas também ótimos para contar a história ou a essência de uma marca. E eles podem ser pensados com vários objetivos em mente: fidelização, conversão, construção de relacionamento, divulgação da sua proposta, valores ou ofertas especiais. Ele pode até funcionar como um anúncio da loja dentro da própria loja. Tudo que precisar ser enfatizado como mais importante pode ser o tema de um banner.
O que não pode faltar no banner online?
São três os elementos essenciais para seu banner:
- Uma imagem chamativa
- Um bom texto
- Uma chamada para a ação
Uma combinação perfeita destes elementos pode levar o visitante a realizar a ação que você deseja. Isso gera mais conversões e, consequentemente, mais lucros. Assim sendo, não dá para bobear no preparo do seu banner, ele tem que ser realmente bem bacana.
No quesito da imagem chamativa, lembre-se que o olhar humano é atraído por imagens ousadas, grandes e vibrantes. Pense nisso e em como combinar o banner com o design do seu site de modo geral. Você pode usar sua própria fotografia, ou contar com bancos de imagem como o Burst da Shopify, Pexels, Unsplash, Pixabay ou Canva. Se precisar de um design acima das suas capacidades, você sempre pode contratar um autônomo.
Na questão do texto, lembre-se que você só tem alguns segundos para passar sua mensagem. Sendo assim, mantenha o texto conciso, com fontes fáceis de ler e no tom preferido do seu público. Outras dicas são focar a mensagem no benefício para o cliente, evitar clichês e termos muito batidos e não ter receio de testar diferentes textos através dos testes A/B.
Já a chamada para a ação (CTA), como o nome indica, é aquilo que você quer que a pessoa faça, como "confira agora", "navegue pela nova coleção" ou "obtenha 10% de desconto".
Mantenha em mente que, em muitos casos, o propósito do banner online é contar a história da sua marca de maneira sucinta, incorporando sua proposta de valor. Ele também pode ser usado para responder uma dúvida frequente, exibir produtos ou anunciar algo importante, como uma promoção especial.
Exemplos de banner online
Yorgus
A Yorgus utilizou seu banner como um anúncio dos seus produtos em estilo carrossel, destacando a variedade de seus iogurtes, queijos e produtos lácteos.
Zerezes
A Zerezes optou por utilizar seu banner para aprimorar a experiência de compra. O banner enfatiza a colaboração da nova coleção da loja.
youcom
A loja de vestuário youcom optou por usar o espaço para divulgar uma promoção com um cupom de 15% de desconto.
Beleza na Web
A Beleza na Web fez um banner certeiro: divulgando a opção de brinde ou desconto, com imagem do produto, numa oferta irresistível.
Tecfit
A rede de academias Tecfit foi certeira: a imagem é um vídeo de pessoas malhando, e que já deixa bem clara a proposta da do exercício sem pesos em treinos de 20 minutos. Lá no alto, a chamada para ação convida o visitante a agendar sua aula gratuita.
Como criar seu banner online — ferramentas
Quem tem site ou loja na Shopify, já conta com a opção embutida nos temas disponíveis. Pela web, também é possível encontrar uma diversidade de ferramentas que ajudam nisso, cada uma delas com suas facilidades e opções específicas:
- Canva. Uma solução de design completa, que oferece uma interface gratuita e dezenas de recursos para editar e criar banners, além de outros tipos de conteúdo.
- Trakto. Fácil de usar e com atendimento em português, o Trakto cria banners através de várias ferramentas que permitem a personalização em diferentes formatos. Possui um plano gratuito e uma opção paga que dá acesso à solução completa.
- Befunky. Com uma interface intuitiva, muitas opções de cores e edição de fotos, a plataforma oferece a versão gratuita e o plano Plus, com opções mais avançadas.
- Creatopy. Uma solução para anúncios, banners e outros designs, compatível com formatos das redes sociais mais populares.
- Pixlr. Facilitando edições virtuais de forma simplificada e gratuita!
- Adobe Photoshop. O programa mais usado por designers, requer conhecimento e assinatura.
Crie seu banner online
Agora você já está preparado para criar seu banner online. Siga as dicas acima e aproveite ao máximo este espaço de alta visibilidade no seu site!
Ler mais
- Dropshipping- o que é, como começar e muito (muito!) mais
- Como montar uma loja virtual? Um guia para quem acabou de chegar na Shopify
- Como começar um e-commerce do zero (já lucrando em 3 dias!)
- Checkout transparente na Shopify- tudo o que você precisa saber
- Lojas Shopify- 50 e-commerces brasileiros de cair o queixo
- 10 aplicativos de descontos para sua loja da Shopify
- Frases para divulgação- use o poder das palavras para vender mais
- Dicas de precificação- como definir preços antes de lançar seus produtos
- 5 Maneiras de Aprimorar Sua Segurança na Internet
- Design e criação de um site de e-commerce- dá para fazer tudo sozinho?
Perguntas frequentes sobre banner online
Para que serve o banner online?
Os banners podem ser usados para diversos fins, como anúncios, contar a história da marca, representar o que pode ser encontrado na loja, divulgar promoções, novas coleções e mensagens importantes, entre outros.
O que um banner online deve ter?
Os elementos essenciais costumam ser: uma imagem chamativa, texto conciso e interessante e uma chamada para a ação, mas a criatividade é quem manda na hora de criar, desde que se encaixe com sua proposta e traga os resultados desejados.
Qual o tamanho ideal de um banner?
Ele pode ter até 20MB, mas para garantir que a página carregue rapidamente, é legal deixá-lo o mais leve possível. De modo geral, costumam ter no mínimo 2048 pixels de largura, garantindo que preencham a tela. É essencial deixar um espacinho sobrando em ambas as extremidades para que nada seja cortado na exibição. Outra dica é evitar colocar o texto diretamente sobre a imagem, já que isso o deixa menos legível.