Banner em vídeo
banner em vídeo aumenta engajamento em 30-50% vs estático — mas peso, performance mobile e custo de produção exigem escolha cuidadosa.
Quando usar
✅ Faz sentido
- Lançamento com investimento alto (ROI compensa)
- Curso premium que justifica esforço de produção
- Marca premium onde imagem importa muito
- Audiência desktop dominante (mobile sofre mais)
❌ Não faz sentido
- Black Friday rápida (estático funciona)
- Mobile-first total (vídeo afeta performance)
- Sem verba para produção (vídeo amador é pior que estático bom)
Especificações técnicas
| Requisito | Valor | |---|---| | Formato | MP4 (H.264) | | Resolução | 1920×600 (desktop) ou 1280×720 (16:9) | | Tamanho max | 10 MB | | Duração | 5-15 segundos | | Codec | H.264, AAC (áudio se houver) | | Áudio | Recomendado: mudo (autoplay sem som) |
💡 Vídeo com som começa muted por padrão (regra de browser). Aluno precisa clicar para ouvir.
Por que limitar 15 segundos
- 5-7s: ideal (loop curto, atenção)
- 10-15s: aceitável
- 20+s: aluno sai antes
Performance — atenção
Vídeo pesa 5-10x mais que imagem estática:
``` Banner estático (PNG): 200 KB Banner em vídeo (MP4): 3-8 MB ```
Em mobile 3G, banner em vídeo pode demorar 5-10 segundos para começar.
Como mitigar
- Versão estática como fallback (configurável)
- Banner mobile = imagem (não vídeo)
- Compressão agressiva (Handbrake)
Boas práticas de vídeo
✅ Faça
- Loop sem cortes (vídeo 5-7s rodando em loop)
- Sem áudio crítico (player começa muted)
- Foco visual no centro (laterais podem ser cortadas)
- Brand consistente (cores, fontes da marca)
- Versão estática backup (fallback)
❌ Não faça
- ❌ Vídeo com diálogo importante (ninguém ouve)
- ❌ Texto crítico no canto (mobile corta)
- ❌ Vídeo > 10 MB (mobile sofre)
- ❌ Áudio que liga sozinho (browser bloqueia)
- ❌ Esquecer fallback estático
Onde subir
Lojas > [loja] > Marketing > Banners > + Novo banner- Selecione tipo de banner
- Em Imagem ou vídeo, suba o arquivo MP4
- (Opcional) Suba imagem estática como fallback
- Salve
💡 Fallback estático é exibido se vídeo falhar (mobile lento, navegador antigo, dados móveis em modo economia).
Vídeo — onde produzir
✅ Opções
| Ferramenta | Custo | Complexidade | |---|---|---| | Canva Pro | R$ 25/mês | Baixa (templates) | | Adobe Premiere | R$ 100/mês | Alta | | CapCut | Grátis | Média | | Designer freelancer | R$ 200-2000 | Sob demanda | | Banco de vídeos (Pexels, Pixabay) | Grátis | — |
❌ Evite
- Vídeo gravado no celular sem edição
- Stock video genérico
- Vídeo de produto que não é seu (direitos autorais)
Compressão
Vídeo bruto exportado pode ter 50-100 MB. Comprimir é obrigatório:
Handbrake (gratuito)
- Importar vídeo
- Preset: Web > Web optimized
- Quality: 23 (padrão)
- Export
Resultado típico: 5-10 MB para 10s de vídeo.
Online (rápido)
- CloudConvert
- Squoosh (imagem)
Métricas de banner em vídeo
Em Marketing > Banners > [banner] > Métricas:
- 👀 Visualizações (quantos viram)
- ▶️ Reproduções iniciadas
- 🎯 Taxa de clique no CTA
- ⏱️ Tempo médio assistido (se atingiu fim)
💡 Taxa de clique > estático em geral. Mas avalie ROI considerando custo de produção.
Comparação visual
| Métrica | Estático | Vídeo | |---|---|---| | Custo produção | R$ 50-300 | R$ 500-5.000 | | Peso médio | 200 KB | 5 MB | | Mobile performance | Excelente | OK-bom | | Atenção do usuário | Boa | Alta | | Taxa de clique | 1-3% | 2-5% |
Boas práticas finais
✅ Faça
- 5-7s de duração (loop)
- Mute por padrão (browser regra)
- Fallback estático sempre
- Mobile = imagem (vídeo só desktop)
- Compressão agressiva (max 5MB)
❌ Não faça
- ❌ Vídeo > 15s
- ❌ Texto crítico em vídeo (use overlay HTML)
- ❌ Áudio essencial
- ❌ Sem fallback
Erros comuns
"Vídeo não carrega em mobile"
- Tamanho > 5MB? Comprima
- Codec não-suportado? Use H.264
- Banda do aluno baixa? Fallback estático ativa
"Áudio está alto e atrapalha"
Vídeo deve começar mute por padrão. Verifique configuração ou ative "Sempre mute".
"Vídeo aparece pixelado"
- Resolução de origem baixa? Use 1920×600 ou maior
- Compressão muito agressiva — diminua
"Custou caro produzir e converteu pouco"
- Vídeo amador? Refaça com freelancer
- CTA não claro? Adicione overlay HTML
- Headline fraca? Reescreva
Próximos passos
Foi útil este artigo? 👍 👎 Falar com CS (em produção) · Pergunte ao Vob 🤖 (em produção) Última atualização: 2026-05-02