Pular para o conteúdo
Design & Branding

Design de Landing Page para Inbound B2B

Design & BrandingAvançadoTemplate
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).

Como usar: Cole diretamente no Claude ou em qualquer IA de chat. Para usar como skill no Claude Code, salve o conteúdo como arquivo .md dentro de .claude/skills/ no seu projeto.

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

← Voltar para Design & Branding