Você quer estabelecer uma forte presença na internet e garantir que todos conheçam sua marca? Você está planejando executar uma campanha de funil completo e se perguntando qual mídia é a melhor para o reconhecimento da marca?

Então, gostaríamos de apresentar a você um dos nossos meios favoritos em marketing digital: banners na web. Você pode vê-los em todos os lugares – sempre que for a qualquer site, assistir a um vídeo no YouTube ou até mesmo navegar em algo no Google.

E é por isso que eles são a melhor escolha para suas campanhas de reconhecimento de marca.

Os banners da Web têm uma longa história. A AT&T corp lançou o primeiro banner da web em 27 de outubro de 1994. O resto, como dizem, é história.

Os banners da Web tornaram-se cada vez mais populares ao longo do tempo. E com razão também. Eles são acessíveis, você pode medir seus resultados e são eficazes.

Embora pareça um pequeno design criativo e as marcas não precisem se preocupar com isso, a verdade está longe disso.

O design desempenha um papel importante no sucesso do seu banner da web, e é por isso que a equipe do Kimp compilou nossas melhores dicas de design de banner da web para você.

As 7 melhores dicas de design de banner da web

Você sabia que o Kimp teve seu início humilde no design de banners da web para nossos clientes em 2003? Sim, o web banner design é a nossa história de origem, por isso é seguro dizer que sabemos uma coisa ou duas sobre isso.

Na maioria das vezes, marcas e profissionais de marketing gastam muito dinheiro hospedando seus banners nos melhores sites e analisando o tráfego. Mas quando os cliques secam, eles geralmente se sentem perplexos.

Podemos dizer por que os cliques secam. É porque o design não está fazendo seu trabalho.

Então, como fazê-lo fazer o seu trabalho? Bem, siga as dicas abaixo se quiser saber como ou conecte-se com a equipe Kimp e experimente nossos serviços de design gráfico para fazer isso em um instante.

1) O tamanho do banner e o posicionamento importam no design do seu banner na web

Os banners vêm em várias formas e tamanhos, dependendo de onde você planeja anunciar. Mesmo dentro de uma única plataforma, diferentes canais exigem tamanhos diferentes. Familiarize-se com todos os tamanhos de banner necessários para se preparar para o seu posicionamento preferido.

Entre os vários tamanhos disponíveis no Google Ads, o Adsense recomenda o seguinte como os tamanhos de anúncio de melhor desempenho:

• Placar de 728×90
• 300×600 meia página
• 336×280 Retângulo Grande
• Retângulo Médio 300×250
• Faixa Móvel Grande 320×100

Os banners retangulares e de placar aparecem na lista dos principais tamanhos responsáveis ​​por 89% dos cliques.

Fonte da imagem: Match2One

Você pode usar o mesmo banner em tamanhos diferentes com base na plataforma escolhida. E lembre-se, os banners não são apenas para sites, você também pode usar anúncios de banner para mídias sociais, vídeos do YouTube, boletins informativos e mecanismos de pesquisa.

Desenhado por Kimp

Desenhado por Kimp

Para anúncios de banner em newsletters e sites, sempre opte pelo posicionamento acima da dobra. Tente não se afastar muito do foco principal de uma página. Dessa forma, você pode chamar a atenção dos visitantes do site com mais facilidade.

Desenhado por Kimp

Dica do Kimp: Ao criar um design de banner da web, crie um conjunto inteiro com diferentes tamanhos de banner para que você possa experimentar diferentes posicionamentos sem voltar à prancheta.

Precisa de ajuda com seus designs de banner da web? Com uma assinatura de design ilimitada da Kimp Graphics , você não paga pelo design e o marketing fica fácil!

2) Estrutura e hierarquia visual são importantes

Como podemos falar sobre design de banner e não falar da seção mais importante – estrutura e hierarquia de design? Esses fatores controlam como o cliente interage com seu anúncio e, se você acertar, você é ouro. Se o cliente demorar muito para identificar o CTA, você provavelmente não receberá cliques ou conversões.

Para obter melhores resultados, crie o banner da web de forma que:

• O CTA está sempre acima da dobra
• Os elementos mais importantes, como seu logotipo ou uma imagem, falam mais alto
• É fácil entender o design sem superlotação

Desenhado por Kimp

Abaixo estão os elementos-chave em qualquer design de banner da web, classificados de acordo com a importância:

• Proposta de valor – Isso deve ocupar mais espaço. Sua proposta de valor oferece recursos e incentivos importantes que chamarão a atenção do seu público. Isso inclui descrições como “tempo limitado” ou “30% de desconto”.
• Call-to-action – Este deve ser um ponto focal claro em seu anúncio e desempenhar um papel de apoio em sua proposta de valor. Dependendo do seu objetivo e mensagem, experimente frases simples como “Saiba mais”, “Comece” ou “Peça agora”.
• Logo da empresa – A conscientização da marca é um dos principais objetivos dos banners. Inclua seu logotipo, mas não deixe que ele domine sua proposta de valor ou CTA. Um posicionamento comum que funciona bem é o canto superior esquerdo.
• Imagem – Se você tem um produto ou serviço que pode representar através de uma imagem, pode ser útil incluir. Mas não deve dominar os três outros elementos dos designs de banner da web. Deve simplesmente fornecer um pano de fundo complementar.

Desenhado por Kimp

Destacar uma imagem aumentando-a é uma das maneiras mais eficazes de fazer o cliente clicar onde você deseja.

Precisa de ajuda para criar seus banners da web? Trabalhe com a equipe da Kimp Graphics para um design de banner da web envolvente e eficaz!

3) Escolha as imagens certas para o design do seu banner na web

Os elementos visuais que têm grande importância em seus banners incluem elementos de marca, fonte, imagens e cores. Enquanto a cor e a fonte são escolhas fáceis, as imagens não são tão fáceis. Você sempre pode deixar o guia de estilo da marca ajudá-lo com cores, fontes e elementos de marca. Mas como escolher a imagem certa?

Você quer um auxílio visual para transmitir sua mensagem com facilidade, mas conhecemos a regra fundamental do design de marketing: KISS (Keep It Simple Stupid).

No design do seu banner na web, o CTA e as mensagens são muito importantes. Portanto, seja simples e escolha uma ou no máximo duas imagens para o design do seu banner na web.

Às vezes, em vez de muitas imagens resolvendo o problema, eles criam um design ineficaz que não recebe cliques. E ninguém quer isso. A maioria dos designs de banner da web inclui apenas o texto e um CTA, mas uma imagem pode ajudar se você a usar bem.

Desenhado por Kimp

Dica Kimp : Mesmo quando você optar por incluir imagens, faça a escolha certa e opte por imagens de marca/únicas. As fotos de banco de imagens estão facilmente disponíveis, mas não fornecem autenticidade à mensagem, a menos que sejam editadas e personalizadas. Além disso, você sempre pode escolher uma foto de estoque como referência e trabalhar com uma equipe de design para criar algo semelhante, mas com marca para você.

Com a Kimp Graphics , garantimos que os designs gráficos que entregamos aos nossos clientes são 100% únicos e personalizados de acordo com suas necessidades.

E se você quiser saber quais são os melhores sites de fotos para buscar inspiração, confira nosso guia aqui .

4) Escolha as cores certas para o design do seu banner na web

Se você acompanha os blogs do Kimp ou outros recursos de design de marketing, sabe que os profissionais de marketing juram pelo impacto da cor no sucesso das campanhas.

Mesmo com designs em grande escala, as pessoas passam horas escolhendo as cores certas. E quando seu anúncio mal tem 320×100, a cor tem um impacto ainda maior.

Qual é esse impacto? Bem, existem fatores importantes para escolher as cores com cuidado para o design do seu banner na web:

• Escolha as cores da marca para um reconhecimento mais forte da marca.
• Use cores que desencadeiem as emoções certas em seus clientes de acordo com a psicologia das cores. Por exemplo, os clientes associam o azul à confiança e o roxo ao luxo.
• Acentue a hierarquia visual usando as combinações de cores certas. As cores que você usa, em combinação com seus elementos e/ou imagens, devem ajudar a guiar o olhar do espectador. Você quer levá-los da proposta de valor para o CTA enquanto está ciente do seu logotipo.

Desenhado por Kimp

Concentre-se na cor do seu texto também. Seu CTA deve se destacar em relação à cor de fundo e o texto da sua proposta de valor também.

Se você está aberto à experimentação, a cor oferece a oportunidade de enlouquecer. De tons duplos a pastel, e esquemas de cores vívidos a mínimos, você tem muito com que trabalhar. E nos casos em que você tem controle sobre o posicionamento exato (por exemplo, anúncios de sites ou boletins informativos), considere o que fará você se destacar enquanto reforça sua mensagem.

Dica do Kimp: Para vídeos do YouTube e anúncios de banner de boletim informativo, considere deixar uma pequena margem ao redor do banner para que ele não entre em conflito com o plano de fundo. Muitas vezes você não tem controle de onde exatamente o anúncio é exibido, então essa é uma boa maneira de proteger seu ROI.

5) Encontre as fontes certas

Após a cor e as imagens em seus designs de banner da web, você deve escolher as fontes certas para que seu design seja bem-sucedido.

As fontes transmitem uma mensagem sutil sobre o tom e a emoção do conteúdo do seu banner na web. E os diferentes estilos que você usa para cada fonte, como tamanho, design e cor, mostram sua importância.

Ao variar os tamanhos, você também pode orientar o cliente sobre como ler o design do banner da web.

Desenhado por Kimp

Certifique-se de que o título e a cópia do corpo sejam de tamanhos diferentes, mas não use tamanhos de fonte inferiores a 10 pt, a menos que seja para um aviso de isenção de responsabilidade.

Considere Gotham, Myriad Pro e Helvetica Neue LT Std para seus banners. São as fontes mais usadas em anúncios gráficos. E com razão. Eles são fáceis de ler, mas os clientes também os percebem como elegantes e modernos. Mais algumas opções nesse sentido são Proxima Nova, Brandon Grotesque, Bebas Neue e Open Sans. Fontes muito finas, scripts ou todas em maiúsculas tornarão seus banners menos eficazes, tornando suas mensagens pouco claras.

Se você estiver se sentindo aventureiro, experimente a tipografia personalizada. Isso pode fazer seu anúncio parecer original e chamar mais atenção para ele. Tal como acontece com todas as fontes, apenas certifique-se de que a fonte seja fácil de ler.

Desenhado por Kimp

Dica do Kimp: Os designs de banner da Web não podem ter muito texto. Eles precisam de uma mensagem clara e simples. Portanto, escolha uma fonte fácil de ler e atenha-se a ela. Não experimente combinações de fontes. Escolha um único estilo e mantenha-o apenas com alterações para mostrar a hierarquia (ou seja, tamanhos diferentes para títulos ou corpo).

6) Considere a animação em seus banners

O mundo do marketing ama muito os gráficos em movimento. Qualquer coisa com um pouco de movimento ganha imensa tração na internet. Mas a execução de vídeos não é possível em banners da web. Eles ocupam muito espaço, são muito complicados e demoram uma eternidade para carregar.

Então, o que você pode fazer para aproveitar a popularidade dos gráficos em movimento é adicionar animação aos seus designs de banner da web.

Adicionar animação pode ajudá-lo a chamar a atenção do seu público. Banners HTML5 e GIF são muito populares por esse motivo. Eles podem ajudar a transmitir sua mensagem e chamar a atenção para o seu CTA no final.

Mas antes de entrar na onda da animação, considere o valor que ela traz para a mesa. Trabalhe na criação de algo que melhore a eficácia da mensagem e não a distraia. Um simples GIF do produto funciona muito bem. Mantenha-o simples e veja-o funcionar.

Mantenha sua animação em um máximo de 15 segundos, que não deve incluir mais de três loops.

Para animações simples, você pode obter uma assinatura do Kimp Graphics . Temos apenas um plano de taxa mensal fixa para design gráfico e sem níveis. Faça uma assinatura e você terá tudo o que precisa. Para animações mais complexas, experimente o Kimp Video !

7) Represente consistentemente sua marca

Uma das dicas de design de banner da web mais importantes é que você precisa ser consistente. Seus banners vão direcionar para o seu site. Portanto, eles devem seguir o mesmo estilo e linguagem de design. Isso ajuda a construir confiança e evita confusão por parte dos clientes.

Desenhado por Kimp

Você consegue imaginar um cliente em potencial clicando em um banner que foi projetado com imagens e cores que não se parecem em nada com o site para o qual ele direciona? Eles provavelmente pensariam que chegaram ao site por engano. Ou eles paravam na consideração do produto ou serviço para começar a avaliar as inconsistências. Nenhum destes é um resultado que você deseja.

Portanto, concentre-se em criar consistência no tom, conteúdo e estilo de design. Você pode experimentar e se divertir com os detalhes, mas lembre-se de que seu objetivo final é vinculá-lo à sua marca. E para que seu público clique, clique, clique.

Considere desenvolver um guia de estilo de marca para garantir consistência em todas as etapas. Leia nosso guia sobre isso aqui .

Ace design de banner web com Kimp

Nós dissemos a você, os designs de banners fazem parte da nossa história de origem. É nisso que construímos toda a empresa e, confie em nós, não há melhor maneira de levar o reconhecimento da sua marca a novos patamares. Nossos clientes garantem isso e nossos designs também.

Temos dois serviços de design ilimitados para design gráfico ( Kimp Graphics ) e design de vídeo ( Kimp Video ). Para essas assinaturas, você paga uma taxa mensal fixa para trabalhar com uma equipe de design dedicada que pode fornecer designs em várias categorias diferentes.

E se você quiser nos experimentar antes de se comprometer, inscreva-se para nosso teste gratuito de 7 dias agora.