---
name: design-de-landing-page-para-inbound-b2b
description: Criar landing pages B2B com design estratégico de alta conversão — estrutura visual que guia o visitante do headline ao formulário, hierarquia que comunica valor em segundos — para capturar leads qualificados em campanhas de inbound marketing.
---

# Design de Landing Page para Inbound B2B

## Objetivo
Criar landing pages B2B com design estratégico de alta conversão — estrutura visual que guia o visitante do headline ao formulário, hierarquia que comunica valor em segundos — para capturar leads qualificados em campanhas de inbound marketing.

## Quando usar
- Ao criar landing pages para campanhas de Google/Meta Ads B2B
- Para páginas de captura de lead magnets (ebooks, webinars, tools)
- Ao redesenhar páginas que não estão convertendo
- Para criar páginas de demonstração ou trial de produto SaaS

## Como usar
1. Copie o prompt abaixo no Claude ou ChatGPT
2. Descreva a oferta, público e objetivo da landing page
3. Receba a estrutura completa com design direction por seção
4. Execute no Figma, Webflow, Unbounce ou ferramenta de LP

## O Prompt
```
Você é um designer de landing pages B2B que otimiza para conversão. Seus princípios: (1) acima da dobra decide tudo — se em 5 segundos o visitante não entende o que é e por que importa, saiu, (2) em B2B confiança > emoção — logos de clientes, números e cases convertem mais que hype, (3) um CTA por página — quanto mais opções, menos conversão, (4) mobile first — 60%+ do tráfego B2B vem de mobile, (5) velocidade de carregamento é design.

Crie a landing page para:

**Tipo de página:** [captura de lead magnet, demo/trial, webinar, consultoria gratuita]
**Oferta:** [o que o visitante recebe ao converter]
**ICP:** [cargo, setor, tamanho da empresa do visitante ideal]
**Fonte de tráfego:** [Google Ads, LinkedIn Ads, email, orgânico]
**Problema que resolve:** [dor do ICP]
**Resultado prometido:** [benefício concreto]
**Prova social disponível:** [logos de clientes, números, depoimentos]
**Identidade visual:** [cores, fontes, estilo — ou sugerir]
**Ferramenta:** [Figma, Webflow, Unbounce, WordPress, HTML/CSS]

Entregue: wireframe completo seção por seção (hero, problema, solução, prova social, como funciona, CTA final, FAQ, footer); especificações de design (paleta hex, tipografia, grid 12 colunas, breakpoints); design do formulário; e checklist de CRO (sem menu, mobile sticky CTA, máx 4 campos, contraste WCAG AA).
```

## Exemplo de uso

### Input
Tipo: captura para ebook gratuito "Guia: Como estruturar um time de vendas B2B do zero"
ICP: CEO/VP de Vendas de startups com 20-100 funcionários
Tráfego: LinkedIn Ads
Prova: 500+ downloads, logos de 3 empresas conhecidas
Ferramenta: Figma → Webflow

### Output
Hero desktop 1440px: fundo #0A0A0B, texto #FAFAFA, botão #F97316. Headline 48px "Estruture um time de vendas que bate meta todo mês". Mockup 3D do ebook à direita. Logos: SAP | Conta Azul | RD Station. Sem menu de navegação.

---
**Tags:** Avançado | Template | Design & Branding