1.6 KiB
1.6 KiB
| name | description |
|---|---|
| criar-landing-page | Workflow passo a passo para a criação e validação de Landing Pages de alta conversão |
Workflow: Criar Landing Page (@land)
Wireframe & Ordem Obrigatória das Seções
- Header Mínimo (Sticky): Logo + CTA primário (sem menu de navegação).
- Hero Section (40% do esforço): Headline focada em benefício + Subheadline + CTA + Visual real.
- Barra de Logos: 5–8 clientes reais/métricas de impacto posicionados logo abaixo do Hero.
- Seção de Problemas: 3–4 dores específicas do público-alvo.
- Seção de Solução: Transformação Antes vs Depois.
- Benefícios: 3–4 blocos visuais (foco em valor de negócio, não em features).
- Como Funciona: Exatamente 3 passos numerados (①②③) com tempo estimado.
- Prova Social: Depoimentos com foto, cargo, empresa e resultado quantificado.
- FAQ: 5–6 perguntas em acordeão quebrando objeções B2B principais.
- CTA Final: Reversão de risco ("Sem compromisso") + incentivo de ação.
- Footer Mínimo: Contatos e termos de privacidade.
Checklist de Validação Antes da Entrega
1. Estrutura & Copy
- Hero responde às 3 perguntas nos primeiros 5 segundos.
- Sem menu de navegação no header.
- Formulações em "Você/Sua empresa" (foco no cliente).
- Formulário com no máximo 4 campos.
2. Design & Performance
- Screenshots reais do produto utilizados.
- Imagens otimizadas em WebP (< 200KB).
- Responsivo mobile-first validado.
- LCP < 2,5s e CLS < 0,1.