36 lines
1.6 KiB
Markdown
36 lines
1.6 KiB
Markdown
---
|
||
name: criar-landing-page
|
||
description: 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
|
||
|
||
1. **Header Mínimo (Sticky):** Logo + CTA primário (sem menu de navegação).
|
||
2. **Hero Section (40% do esforço):** Headline focada em benefício + Subheadline + CTA + Visual real.
|
||
3. **Barra de Logos:** 5–8 clientes reais/métricas de impacto posicionados logo abaixo do Hero.
|
||
4. **Seção de Problemas:** 3–4 dores específicas do público-alvo.
|
||
5. **Seção de Solução:** Transformação Antes vs Depois.
|
||
6. **Benefícios:** 3–4 blocos visuais (foco em valor de negócio, não em features).
|
||
7. **Como Funciona:** Exatamente 3 passos numerados (①②③) com tempo estimado.
|
||
8. **Prova Social:** Depoimentos com foto, cargo, empresa e resultado quantificado.
|
||
9. **FAQ:** 5–6 perguntas em acordeão quebrando objeções B2B principais.
|
||
10. **CTA Final:** Reversão de risco ("Sem compromisso") + incentivo de ação.
|
||
11. **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.
|