design-de-landing-page-para-inbound-b2b
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
- Copie o prompt abaixo no Claude ou ChatGPT
- Descreva a oferta, público e objetivo da landing page
- Receba a estrutura completa com design direction por seção
- 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
Bundle files
Files included in the skill's folder on GitHub. Only SKILL.md is hosted here — get the full bundle from the source repository.
- SKILL.md
