Como criar banners que realmente convertam
O banner não é uma «imagem com botão», mas um microestrel controlado: atenção → interesse → cliques → intenção de → o alvo. Crediário de conversão reúne forte off, hierarquia clara, texto honesto e lançamento impecável. Abaixo, instruções de brife a escala.
1) Base: off e «esqueleto» do banner
Fórmula 3W + CTA: O que é isso? Para quem? O que fazemos agora?
Blocos obrigatórios:1. Âncora visual (herói/cena/iconografia) - é lido instantaneamente entre 0,3 e 0,5 segundos.
2. Valor/UTP - 1 lucro curto (até 8-10 palavras).
3. Provas - crachá «licença/classificação/crítica» ou micro-métrica (sem engano).
4. Botão CTA - verbo de ação + resultado esperado («Ver condições», «Abrir demo»).
5. Discleimer legal/responsável quando necessário (idade, riscos, condições).
Modelo de banner (esqueleto):- Topo: pequeno logotipo/identista
- Centro: âncora visual + UTP
- Bloco inferior/direito: CTA (contraste) + subgrade «sem promessas de impossível»
- Pequeno: linha legal/marcação responsável
2) Psicologia da atenção e do escopo
Um ecrã é um pensamento. Limpem o secundário.
Responda mentalmente à objeção número 1. Na subgrade CTA, Termos transparentes, Nenhuma comissão oculta.
AIDA/PA rápido: Dor → Promessa de solução (sem garantias) → Passo.
Verbas fortes: «Verificar», «Ver», «Estudar», «Abrir uma demo» (em vez de «Jmi», «Levar dinheiro fácil»).
«Bónus até 300 € - vager 35 x, detalhes lá dentro».
O tom é neutro, sem pressão agressiva ou clickbate.
3) Hierarquia visual e composição
A regra de 60/30/10: 60% é fundo/palco, 30% é bloco principal (UTP) e 10% é CEM/crachá.
Contraste: CTA é sempre mais contrastante do que UTP (brilho/forma/traçado/sombra).
Área de leitura: F- ou Z-Pattern - leve o olhar para o botão.
Fontes: 2 marcações máximas (H e body), não comprimidas entre búfalos.
Iconografia em vez de «pequeno texto no fundo».
Animação (se houver): fase 2-3, total de ≤10-12 c, sem flash ou corrida.
4) Cor, formato e requisitos técnicos
Cor: painel de marca + um auxiliar CTA. Verifique o contraste WCAG.
Formatos/redes (set básico):- IAB: 300×250, 336×280, 300×600, 160×600, 728×90, 970×250
- Mobyle: 320 x 100, 320 x 50, 320 x 480 (intersticial)
- Redes sociais: 1:1, 4:5, 16:9, 9:16
- Peso: estático/HTML5 até £150-200 KB; Os banners de vídeo até às exigências do local.
- Arquivos: WebP/PNG para Estácio; MP4 (H.264) ou HTML5 para animação; evite GIF «pesado».
- A reserva para áreas seguras é de texto e CTA não mais perto de 24 px nas bordas.
5) Provas e confiança sem regalias «falsas»
Micro-provas: «Licença nº»..., «Há Resurreição/Limites», «Suporte 24/7».
Educação social: "4. 6 (com base em metodologia e moderação) "- somente se houver fonte e regras.
Crachás visuais: minimalista, sem «número 1 do mundo» sem metodologia.
Honestidade> hype: formulação exata, sem garantia de resultado.
6) Complaens e ética (importante para YMYL)
Prometer ganhos, incitar riscos, usar um código de menores, pedir que as restrições sejam ultrapassadas.
Você pode e precisa: discleimer de risco/idade, «Termos aplicáveis», referência a Resolvível/regras.
«Estudar os termos do bónus», «Abrir a demo» em vez de «Tirar o dinheiro».
Localização: adapte a formulação aos requisitos e termos locais.
7) Matriz de variações: como encontrar rapidamente o vencedor
Crie uma matriz 3 x 3 e teste uma hipótese por vez: Regras A/B:- mude 1 item (off ou fundo ou CTA), senão não compreenderá a causalidade;
- distribuir o tráfego de forma uniforme;
- calcule previamente o volume da amostra (referência: ≥400 -600 cliques/crediário para as primeiras conclusões).
8) Métricas e analista
Antes do clique: viewability, vCTR (exibições visíveis → cliques), scroll-place, frequência de exibição (frequency).
Depois do clique: CTR, LPV (profundidade), CVR (conversão), CPA/ROAS, até a primeira ação.
Fadiga criativa: queda CTR entre 30% e 40%, com cobertura estável → rotatividade.
Segmentos: dispositivo, GEO, playsment, horas do dia/dias da semana.
Qualidade do clique: taxa de rejeição, proporção do CTA no lending.
9) Processo de produção: de brife a arquivo
Breef (forma curta):- Objetivo (inscrição/demo/assinatura), público, promessa/valor, restrições (yurd/marca), formatos de destino e peso, deadline.
- Logo SVG, fontes/haydline, painel, ícones, fotos/renders, textos.
- `2025-10_banner-set_geoA_offer-uspX_ctaY_size-300x250_v02. webp`
- avanço em 1 x e 2 x, mocaps, verificação de contraste, folha de cheque da complacência, conjunto de origem (Figma/PSD/HTML5).
10) Anti-pattern (que quebra a conversão)
Três ou mais mensagens no mesmo banner («novidade + bónus + promoções + comentários»).
Texto em um fundo ruidoso, curtíssimo, uma fonte fina na luz.
CTA com a mesma cor do fundo (sem contraste).
Clickbate e «promessas» - dá um pico de cliques e um fracasso de qualidade/bloqueio.
Animação sobrecarregada, parafusos, auto com som.
11) Folha de cheque do designer/editor antes de iniciar
- Um pensamento principal e uma ação
- UTP ≤10 palavras, CTA ≤3 palavras, subgrade ≤6 -8 palavras
- O contraste CTA de cor/forma está confirmado (WCAG AA/AAA)
- Linha legal/Poupível onde for necessário
- O peso e os formatos correspondem ao local, e as zonas seguras são respeitadas
- As opções A/B estão marcadas, o tráfego/prazo da experiência está claro
- Localização/termos correspondem a GEO
- Sem clickbate, promessas, linguagens «cinzentas»
12) Minicérebros acabados (formulações seguras)
Valor: «Termos de bónus transparentes - Detalhes internos»
Serviço: «Suporte 24/7 - bate-papo em um clique»
Experiência: «Demo sem registro - experimente interface»
Pagamentos: «Prazo de retirada de 15 min a 24 h» (dependendo de verificação e método)
Responsabilidade: «Jogo é um risco - jogue com responsabilidade»
13) Plano de 30/60/90
0-30 dias: recolher brife/guide line, fazer um set de tamanhos-chave (estático + 1 animação), iniciar 3 x A/B por off.
31-60 dias: otimizar os resultados, adicionar variações de 100/fundo, introduzir regras de rotatividade (fadiga), implementar uma folha de cheque QA e um sistema de naiming.
61-90 dias: expandir em vídeo/HTML5, localizar sob 2-3 GEO, criar uma matriz de canal cruzado (banner lending, e-mail/onboarding), ligar o relatório automático de criação.
O banner de conversão é um off claro + hierarquia visual + CTA honesto + disciplina de testes. Aguente a técnica, use a matriz de variações, mede não só CTR, mas também a qualidade pós-clique, e atualize regularmente as criações até o cansaço. Então o banner deixará de ser um elemento decorativo e será uma alavanca previsível de crescimento.