Os banners sempre foram uma ferramenta de divulgação relevante do marketing tradicional e no e-commerce, eles continuam fazendo sucesso.
O marketing digital, além de mais acessível financeiramente, é muito eficiente.
Pode ser usado de formas variadas pela empresa, tanto para alcançar seu público-alvo como para atingir novos mercados.
Neste post, vamos mostrar como fazer um banner para loja virtual.
Confira nossas dicas.
O que é um banner?
“Banner” é uma palavra inglesa que significa “bandeira, insígnia”.
É um elemento da publicidade clássica cuja finalidade é passar uma informação relevante, dando muito destaque a ela.
Não é à toa que as empresas sempre fizeram amplo uso de banners para divulgar a marca e as promoções.
Geralmente, exposto em locais estratégicos, o banner goza de boa visibilidade, conseguindo atrair a atenção de pedestres e pessoas que andam em veículos.
O banner, para ser estratégico, deve se firmar em dois fundamentos: a comunicação e a promoção.
Comunicação
Quando o usuário visita um site, sua tendência é analisar visualmente a tela.
Algumas partes da tela merecem atenção especial, como o topo e os lados.
Dessa forma, caso a loja deseje passar alguma informação, encaixá-la dentro de um banner é uma boa maneira de fazer com que a mensagem não passe despercebida.
Sabendo que o público vai olhar determinada parte da loja virtual, como a parte superior ou as laterais, o gestor pode aproveitar para posicionar o banner ali para que as pessoas leiam.
O assunto do banner pode ser qualquer um, desde que tenha sentido para o usuário.
Por exemplo, o banner pode passar informações a respeito de:
- prorrogação do prazo de uma promoção;
- eventuais instabilidades no site;
- problemas nas entregas por causa de algum transtorno;
- atualização de cadastro do cliente.
Promoção
No comércio eletrônico, os banners promocionais são os mais utilizados.
O papel desses banners é atrair a atenção do usuário para qualquer assunto que a loja deseje destacar, levando ao engajamento do consumidor.
Nesse caso, o banner pode informar sobre:
- fretes gratuitos;
- cupons de descontos;
- campanhas de campanhas sazonais (Black Friday, Natal, Dia das Mães e muitas outras);
- produtos que foram lançados;
- liquidação que começará em breve.
Os banners promocionais são, geralmente, clicáveis, ou seja, apresentam links integrados.
Assim, se sua finalidade for a promoção de um produto novo, lançado há pouco tempo, colocar um link no banner vai ajudar a levar o consumidor, mais facilmente, até a página do produto.
É comum que os usuários cliquem nos banners para acessar a página que está sendo promovida.
Qual é a importância do banner para a loja virtual?
A partir da internet, esse elemento também passou a ser importante no mundo digital.
Além de ser mais prático, exigindo menos custos, o banner digital obtém efeitos semelhantes ou até melhores que os banners físicos.
Eles levam mensagens convenientes para os usuários e oferecem resultados que podem ser mensurados com facilidade.
Por isso, o e-commerce não dispensa essa ferramenta nas estratégias de marketing, principalmente em datas específicas, como Natal, Final de Ano e Black Friday.
A finalidade do banner digital é apresentar uma informação expressiva.
Se não existir algo realmente importante para ser comunicado, uma informação que mereça destaque, seu uso não é recomendado.
O banner deve deixar colocar uma informação em local privilegiado na loja virtual, de forma que atraia a atenção do usuário, e ele tenha conhecimento, por exemplo, de determinada oferta ou da proximidade de uma data específica.
O que um banner estratégico precisa ter?
Como a finalidade do banner é atrair a atenção do usuário, ele pode ficar muito poluído, ou seja, com muitos elementos que acabam se tornando visualmente incômodos.
É preciso, portanto, tomar cuidado, pois não é necessário montar um anúncio cheio de cores, texto longo e imagens.
Confira quais são os elementos que devem compor um banner:
Cores, imagens e texto
Vale aplicar a máxima que diz que “menos é mais”.
O banner deve respeitar o layout já existente da loja, com cores que representam sua identidade visual.
Sutilmente, pode dar destaque com uma chamada para ação (CTA), entre outras propostas.
Caso o banner tenha a finalidade de tornar uma promoção mais visível, vale a pena investir em termos como “preço”, “promoção” e “ofertas”.
As lojas de roupas costumam utilizar frequentemente a palavra “off”, cujo significado é “desconto”.
É uma palavra muito usada quando há muitos itens com preços baixos.
Além de destacar algumas palavras, o banner deve fornecer uma explicação detalhada sobre o que está em curso.
É significativo dizer por quanto tempo a promoção vai durar, se ela se relaciona a apenas uma categoria de produto ou a diferentes categorias — enfim, passe todas as informações necessárias de maneira objetiva.
Posições e dimensões
Também é preciso considerar dimensões e posições do banner na tela.
As dimensões devem ser grandes o suficiente para que o banner fique destacado.
Mas não deve ser tão grande de forma a atrapalhar a leitura das outras informações.
As dimensões podem variar conforme as possibilidades da plataforma usada.
Assim, é bom dispor do apoio de profissionais qualificados sempre que necessário.
Assim, será possível identificar qual é a melhor opção para posicionar o banner na página.
Sempre que o banner tiver imagens, elas devem ter qualidade boa.
Outro ponto a considerar é o tempo de carregamento do banner, que deve ser rápido.
Se não for assim, o usuário pode ficar irritado e desistir de acessar a informação.
Para não cansar o usuário, o banner não deve ter um texto longo, que vai desmotivar a leitura.
Como fazer um banner para loja virtual?
Vamos conferir agora como explorar adequadamente o banner na loja virtual.
Veja seis dicas para deixar seu trabalho mais eficiente:
Pense em todos os dispositivos quando fizer o banner
Os componentes do site devem considerar uma configuração responsiva, ou seja, é importante ajustar automaticamente o site a qualquer tipo de tela — principalmente, às telas dos dispositivos móveis, como tablets e celulares.
Por isso, ao criar o banner, é preciso projetar o banner em diferentes versões.
Automaticamente, a loja virtual identifica quais são as dimensões da tela do usuário, carregando assim a versão ideal do banner.
Como resultado, o consumidor consegue ter uma boa experiência de compra.
Defina lugar e tamanho
É indispensável determinar, no momento de configurar o banner, o local exato em que ele deve aparecer.
A escolha deve considerar as diferentes posições possíveis, como:
- alto da página;
- rodapé (final da página);
- laterais;
- página inicial (home), que corresponde ao banner de tela inteira.
A depender da escolha, é necessário especificar as dimensões.
Daí a necessidade de definir o local de posicionamento do banner na página.
Desse modo, evita-se qualquer erro.
Pesquise referências
Recomenda-se conferir como as grandes lojas virtuais e seus concorrentes estão trabalhando.
Não significa que sua loja deve apenas copiar o que as outras estão fazendo, mas se inspirar no trabalho delas, procurar referências.
Os banners são usados por todas as lojas virtuais, mas o conteúdo deles é que muda.
Analise os sites que vendem produtos semelhantes, que têm um público-alvo semelhante.
Provavelmente, a outra empresa também levou em conta o posicionamento de banners no site.
São, portanto, referências que ajudarão a escolher com mais acerto.
Defina a mensagem que deseja comunicar
No banner de tela inteira, você pode destacar uma promoção relevante.
No alto da página, é possível fazer uma oferta específica ou divulgar condições de frete.
Em outras posições, o banner pode transmitir outras informações de relevância.
Mas é possível rodar as mensagens, modificando os banners de posição.
Desse modo, é possível aproveitar os espaços, dando relevância ao que, de fato, é mais importante naquele momento.
Utilize a plataforma correta para produção
O banner é criado com ferramentas de design gráfico.
Por meio delas, é possível personalizar a área de criação, deixando que ela se ajuste às dimensões corretas do banner.
Desse modo, é possível ter uma tela em branco para desenvolvimento de um design personalizado.
Existem opções de plataformas disponíveis que envolvem banners animados e estáticos, como:
- Adobe Spark;
- Canva;
- Snappa;
- BannerSnack;
- BeFunky;
- Adobe Illustrator;
- Adobe Photoshop;
- Piktochart;
- Photopea.
Crie banners atraentes
É importante construir banners atraentes, pois a finalidade é chamar a atenção do consumidor e, assim, passar a mensagem que a loja virtual deseja.
Considere usar elementos que assegurem que o banner será notado facilmente por quem entra na loja virtual.
Para que os banners fiquem mais interessantes, certos componentes devem ser considerados:
- cores atraentes (nas fontes de texto, na arte e assim por diante;
- banners animados;
- posicionamento destacado do banner na página;
- identidade visual para a campanha, principalmente as campanhas de descontos e períodos especiais, como Black Friday.
Quais são os tipos de banners que existem?
Há diferentes tipos de banners.
É bom conhecer quais são e ver o que mais se adequa ao perfil de sua loja e ao objetivo da estratégia.
Home
O banner do tipo “home” é aquele que ocupa a página inicial.
Geralmente, tem formato de retângulo.
Outra característica é que é um dos mais visualizados, e a razão é óbvia, já que aparece na página principal e, algumas vezes, em tela cheia.
Uma dica é aplicar a resolução mínima de 1920 px.
É o tipo mais indicado para promoções, anunciar serviços e produtos. Os temas costumam apresentar tanto a versão desktop quanto a móvel.
Informativo
Esse tipo de banner recebe o nome de “régua” ou “vitrine”.
É um modelo comum quando a finalidade é transmitir informações sobre os diferenciais e as vantagens da loja, como formas de pagamento, descontos, entregas, fretes grátis e outras coisas.
Geralmente, ele fica sobre ou sob o banner principal.
A largura equivale a 100% da viewport (área visível pela pessoa que acessa uma página web) do navegador desktop, ou seja, 1920 px.
Mas, conforme o tema, pode ter versão mobile.
Lateral
Esse tipo de banner fica localizado no lado direito ou no lado esquerdo do site.
Não é um formato muito comum na homepage.
Mas algumas lojas, como a Kabum, utilizam a lateral como recurso de navegação.
Assim, é possível colocar anúncios em banners laterais.
O banner lateral costuma ficar, nos dias de hoje, exposto na página de categoria, já que ela oferece naturalmente esse espaço por causa do filtro de produtos.
As dimensões equivalem a 100% das dimensões da barra lateral, que mudam conforme a loja.
Departamento
O banner de departamento está nas páginas destinadas a determinada categoria, com objetivos associados a essa categoria.
Mini banners
Os mini banners costumam ficar ao lado da vitrine de produtos.
São indicados para obter vendas rápidas, relacionadas com alguma marca ou patrocinadas.
Na versão mobile, os mini banners são apresentados, geralmente, em linhas ou blocos.
Na versão desktop, eles costumam ficar em colunas.
É um modelo que se ajusta bem a qualquer site.
As dimensões equivalem à fração de cada produto na versão desktop.
Assim, caso sejam quatro mini banners, o valor de 1920 px será dividido por quatro mais os espaços entre eles.
Banners mobile
Os banners mobile são aqueles que aparecem em celulares, tablets e outros dispositivos móveis.
Fazem bom uso de dots para touchscreen. Os dots são os pontos de toque (no formato, geralmente, de uma esfera pequena).
Como são desenvolvidos para aparelhos móveis, eles têm tamanhos menores, o que facilita o download de imagens melhores.
A recomendação é que sua largura não seja maior que 800 px.
Mas pode ser inferior a essa resolução.
Caso o banner fique no tamanho de 800px, ele pode ser acessado em tablets na orientação retrato.
Logo, é uma opção viável de tamanho padrão.
Mas repetimos que esse tamanho não seja ultrapassado para não atrapalhar o desempenho da página.
Outros tipos de banners
Vamos falar também sobre outros tipos de banners, classificados quanto a outros critérios, como formato, dinamismo e recursos para expor o conteúdo:
Quanto ao formato
Vamos falar sobre os dois principais formatos de banners adotados pelas lojas virtuais.
As formas geométricas preferidas são o retângulo e o quadrado:
Retângulo
O banner no formato retangular é mais largo e permite que sejam trabalhados detalhes sobre o item destacado.
Assim, é possível aplicar uma imagem do produto, passar informações de fretes grátis, informar se o item é um lançamento e assim por diante.
O comércio eletrônico usa bastante esse formato.
Os banners retangulares ficam, na maioria das vezes, na página de abertura (home), o que favorece a atração imediata do usuário para a mensagem.
Nesse formato, o banner pode ser aproveitado em tamanhos variados, desde os muito estreitos aos muito largos.
Ainda são eficientes na orientação retrato e na orientação paisagem.
Quadrado
Por ser compacto, esse formato é uma solução muito boa para apresentar as categorias de itens que estão à disposição, ou seja, para mostrar as seções da loja.
Dessa maneira, se a loja comercializa roupas, ela pode aplicar um banner quadrado para cada categoria de item: bermudas, calças, camisas, vestidos e assim por diante.
Quanto ao dinamismo
O dinamismo se refere, basicamente, a dois tipos de banner: o estático e o animado.
Cada um deles tem suas qualidades, que podem ser aproveitadas conforme a ocasião e o objetivo da loja.
Vejamos mais sobre esses tipos de banners:
Estático
É um modelo muito adotado pelos donos de lojas virtuais.
Comumente, são colocados nas páginas principais e apresentam detalhes a respeito de itens e outras informações, como slogan da marca e logotipo.
São mais fáceis de criar e são mais leves.
Assim, não prejudicam o carregamento das páginas do site, que, como já mencionamos, é um ponto relevante quando se trata de otimizar a experiência de compra do consumidor.
Animado
O banner animado pode ser uma boa escolha quando se trata de destacar uma determinada mensagem.
Vejamos um exemplo: durante a Black Friday, você deseja destacar que sua empresa vai oferecer descontos de até 50% em algum item.
Assim, no banner que será usado para divulgar o evento, você pode colocar essa informação mais destacada, mudando de cor.
Recursos para expor o conteúdo
Nesse caso, estamos falando dos recursos usados no banner para passar a informação, como textos e imagens.
Vamos falar do texto de banner de texto e do banner carrossel:
Texto
A arte é mais simples, mas nem por isso tem menos valor. Geralmente, são usados para passar mensagens relevantes com clareza e objetividade. É importante construir frases criativas e diretas.
Carrossel
Esse tipo de banner é composto por duas, três ou mais imagens que aparecem na tela do aparelho em sequência.
Essas imagens podem se deslocar para o lado na medida em que o consumidor clica com essa intenção.
Mas essa ação pode ocorrer de forma automática também.
O banner animado permite que a comunicação com o público se torne mais dinâmica.
É uma forma de apresentar muitos produtos no mesmo espaço, cada um com seu próprio banner.
Quais são as ferramentas para criação de banners?
Citamos algumas plataformas que ajudam a criar banners. Vamos agora falar um pouco mais sobre alguns deles.
Confira como eles funcionam, como podem ajudar você na criação de conteúdo:
Canva
O Canva é famoso entre as ferramentas que ajudam na criação de conteúdo para redes sociais, comércio eletrônico e blogs.
É uma ferramenta que oferece diferentes modelos de tamanhos diversos e dispõe de um banco de imagens pessoal, muito completo.
Certas fotos, ícones e elementos são disponibilizados de forma gratuita para os usuários.
Mas, se você quiser acessar mais opções, pode assinar o Canva Pro.
Adobe Spark
É uma ferramenta que pode ser integrada a outros produtos da Adobe, incluindo o Lightroom, um software que organiza e manipula as imagens.
Por essa característica, o Adobe Spark é uma plataforma bem diferenciada.
Como as demais ferramentas que ajudam a criar banners, o Adobe Spark também dispõe de muitas imagens e templates grátis.
A loja virtual pode personalizar como julgar melhor o banner de seu negócio.
Venngage
O Venngage era muito famoso por ajudar as pessoas que trabalhavam na criação de infográficos.
Porém, com o passar do tempo e as atualizações, a ferramenta se transformou em uma ótima opção para desenvolver as mais diversas artes.
Você pode selecionar o modelo de banner que deseja e, depois, colocar as imagens e outros recursos visuais, escrevendo um texto interessante.
Photopea
Photopea é uma ferramenta gratuita que trabalha com diferentes formatos, como PSD, XCF, XD, CDR e Sketch.
Mesmo que não conte com muitas opções prontas de templates, é uma ferramenta indicada para editar materiais já desenvolvidos.
Bannersnack
Bannersnack Trata-se de uma ferramenta online que permite importar e exportar arquivos de diferentes formatos mais facilmente.
É possível criar até 10 banners estáticos sem pagar nada.
Os planos pagos permitem criar também banners animados e muitos outros recursos para otimizar as publicidades.
Snappa
É uma boa ferramenta para desenvolver banners online de forma simples.
Por isso, é indicada para profissionais iniciantes.
Ela dispõe de muitos templates prontos em formatos diferentes.
O Snappa permite criar banners criativos mesmo sem ter conhecimentos profundos de design gráfico.
BeFunky
O BeFunky permite dispor de todos os recursos que um bom editor oferece.
Há diferentes modelos de layout já organizados em categorias diversas de negócios.
Mas é possível ainda fazer o upload de imagens pessoais e usar os elementos gráficos que a plataforma oferece.
Para banners com fotos, essa plataforma é uma solução acertada porque reúne muitos recursos de edição e retoque de imagens.
Existe um aplicativo da ferramenta que pode ser instalado em celulares.
Você conferiu como fazer um banner para sua loja virtual.
Mostramos quais são os elementos estratégicos que não podem faltar, os diferentes tipos de banners que existem, algumas plataformas que são valiosas.
O banner é um aliado na divulgação de informações importantes, como uma data especial que se aproxima.
Não deixe de divulgar as promoções da Black Friday, do Natal, do Fim de Ano, e de nenhuma data comemorativa.
Aproveite as épocas sazonais para faturar mais e use os banners como ferramenta de atração de clientes!
