--- 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.