Projete Banners Hero de E-commerce que Convertem
Crie banners hero de página inicial impressionantes que capturam a atenção e geram cliques.
NanoBanano Team
Autor
Guia Passo a Passo
Defina propósito do banner
Venda, novidades, temporada, brand awareness
Planeje zonas de layout
Área de texto, área de produto, posicionamento do CTA
Escolha estilo visual
Baseado em foto, ilustrado ou abstrato
Gere o fundo
Crie visual base com espaço para texto
Adicione copy e CTA
Título, subtítulo, botão sobreposto
Design de Banner Hero de E-commerce
Seu banner hero tem 3 segundos para capturar a atenção.
Anatomia do Banner
- Título principal (maior)
- Subtítulo de apoio
- Imagem do produto
- Botão CTA
Galeria de Resultados
Prompts para experimentar
Todos os prompts de produto
Perguntas frequentes
O título deve ser gerado dentro da imagem ou colocado depois?
Depois, no caso de um banner de topo. O prompt de topo gera uma placa com o produto de um lado e dois terços de espaço limpo do outro; o título e o botão você define no editor do site, onde continuam editáveis, nítidos e traduzíveis. Texto gerado funciona para uma peça de promoção efêmera em que um título de três palavras é a mensagem inteira.
Qual é o tamanho de um banner de topo?
A maioria dos temas usa algo entre 1920 × 600 e 1920 × 800 pixels — mais largo que qualquer proporção do gerador. Gere em 21:9, que o gerador de imagens aceita, e corte a altura conforme o seu tema; mantenha o produto na área segura, longe das bordas. Os prompts de banner listam as medidas de entrega e o corte de cada uma.
Como faço o banner combinar com as cores da minha marca?
Todo prompt de banner expõe a paleta como variáveis — [Cor de fundo], [Cor de destaque], [Cor principal] — em vez de fixar um visual. Defina uma vez com os valores da sua marca e reutilize o prompt em cada campanha: a composição não muda, só as cores e os produtos.
Posso reaproveitar um banner para e-mail e mídia paga?
Pode, se gerar o master em 21:9 e cortar. A lista de medidas de cada prompt dá o corte para um anúncio da Meta em 1200 × 628 e um cabeçalho de e-mail em 16:9 a partir da mesma placa. Para posições 1:1 e 9:16, gere uma segunda versão com o prompt quadrado ou de story em vez de cortar uma placa panorâmica.
Casos de uso relacionados
Fotografia de Produto E-commerce Profissional
Gere fotos de produto impressionantes para sua loja online sem sessões caras.
Projete um Poster de Festival de Música Épico
Crie posters de festival que chamem a atenção e capturem a energia do seu evento.
Projete Embalagem de Cosméticos Premium
Crie designs de embalagem de luxo que elevem sua marca de beleza na prateleira.
Pronto para criar?
Experimente este fluxo de trabalho você mesmo com nossa ferramenta web-banner-maker.
Abrir App