Pular para o conteúdo
guimarketing

Wireframe Landing Page — ACME B2B

Wireframe em formato de tabela para landing page de geração de SQLs. Framework P.A.S.T.O.R. — Maquinário Pesado, Explosivos e Logística Tática.

ACME B2B · Linha Emboscada Rápida

Tabela — ACME-B2B wireframe-framework

Seção

Framework

Elemento

Conteúdo

Notas para Designer

P — PROBLEM (Identificar e nomear o problema do ICP)

Hero Section

Problem

Headline (H1)

Operações de captura com 0% de eficiência custam contratos, budget e credibilidade.

Fundo escuro (#1a1a2e) com gradiente sutil para roxo. Tipografia Inter Tight bold, 48px desktop / 32px mobile. Máximo 2 linhas. Tom corporativo, sem ícone lúdico.

Hero Section

Problem

Subheadline

Sindicatos de Caçadores, Corporações de Controle de Pragas e Organizações de Vilania enfrentam o mesmo gargalo: fornecedores com logística lenta, catálogos restritos e burocracia que trava a reposição de suprimentos críticos. O resultado? Operações paradas e contratos perdidos para a concorrência.

Texto 18px, cor #a1a1aa. Abaixo da headline, max 3 linhas. Espaçamento generoso.

Hero Section

Problem

CTA Primário

Solicitar Diagnóstico Operacional Gratuito →

Botão roxo (#864df9) com texto branco, border-radius 12px, padding 16px 32px. Hover com brilho sutil. Ancora para formulário.

Hero Section

Problem

Trust Bar

  • 🚀 Logística instantânea para operações em campo
  • 📦 +10.000 SKUs no catálogo corporativo
  • 🔄 100% de taxa de retenção de clientes B2B
  • ⚡ Linha de crédito corporativa pré-aprovada

Barra horizontal com 4 badges em fundo levemente mais claro. Ícones monocromáticos. Font 13px, peso 500.

A — AMPLIFY (Amplificar as consequências de não resolver)

Dores Amplificadas

Amplify

Headline (H2)

O custo oculto de manter um fornecedor que não acompanha a escala da operação

Fundo branco, headline em preto. Seção com ícone de alerta sutil. Espaçamento amplo.

Dores Amplificadas

Amplify

Grid 3 Cards — Custos

  • Perda de Contratos: Corporações e Guildas que operam com equipamento inferior perdem licitações e contratos recorrentes para concorrentes com cadeia de suprimentos mais ágil.
  • Downtime Operacional: Semanas de espera por reposição significam equipes de campo paradas, custos fixos consumindo margem e SLAs de operação descumpridos.
  • Fricção na Cadeia de Suprimentos: Processos de aprovação de crédito morosos e catálogos limitados impedem a escalabilidade operacional que Sindicatos e Corporações exigem.

3 cards lado a lado (grid 3 colunas). Cada card com ícone vermelho sutil no topo, título bold e texto descritivo. Fundo #faf8f5, borda 1px #f0ebe4. Border-top com cor de alerta sutil.

Dores Amplificadas

Amplify

Estatística de Impacto

"Corporações de Controle de Pragas perdem em média 73% do orçamento operacional anual com fornecedores que não acompanham a cadência de reposição exigida por operações contínuas em múltiplos territórios."

Citação em destaque com fundo lilac (#dcd3ef) e bordas arredondadas. Ícone de gráfico. Fonte itálica 16px.

S — STORY / SOLUTION (Apresentar a história e a solução ACME)

Case de Sucesso

Story

Headline (H2)

A conta com maior LTV do setor é cliente ACME há décadas

Fundo claro com destaque visual. Headline em preto com accent no "mais persistente". Seção com layout storytelling.

Case de Sucesso

Story

Narrativa do Case

O case Wile E. Coyote representa a métrica definitiva de retenção B2B: 100% de taxa de recompra recorrente, centenas de ciclos de pedido e zero churn. Operando em condições extremas — desertos, cânions e terrenos hostis — essa conta nunca trocou de fornecedor. Se o cliente mais exigente do segmento mantém contrato ativo há décadas, a confiabilidade da cadeia logística e a profundidade do catálogo ACME falam por si.

Bloco de texto com aspas tipográficas grandes. Foto/ilustração do case ao lado (layout 60/40). Card com borda esquerda roxa.

Solução ACME

Solution

Headline (H2)

ACME: Entregamos a física impossível, a captura fica por sua conta

Headline em roxo var(--brand-accent). Seção de transição story → solução. Fundo branco com gradiente sutil no topo.

Solução ACME

Solution

Grid 4 Diferenciais

  • ⚡ Logística Instantânea: Fulfillment em qualquer terreno operacional — cânions, desertos ou laboratórios secretos. SLA de entrega zero-wait para operações críticas.
  • 📦 Catálogo Corporativo com +10.000 SKUs: Da Bigorna de 10 Toneladas às Pílulas de Tornado. Portfólio completo para atender qualquer escala de operação sem necessidade de múltiplos fornecedores.
  • 💳 Linha de Crédito Corporativa Pré-Aprovada: Aprovação em segundos, sem burocracia de procurement. Fluxo simplificado de compra para organizações com demanda recorrente.
  • 🔧 Onboarding Rápido de Equipes: Equipamentos com montagem intuitiva que dispensa treinamentos extensos. Novas equipes de campo operam em horas, não semanas.

Grid 2x2 de cards com ícones grandes. Cada card: ícone no topo, título bold, descrição 2-3 linhas. Fundo branco, box-shadow, border-radius 16px. Hover com elevação sutil.

T — TRANSFORMATION (Mostrar o antes vs. depois)

Transformação

Transformation

Headline (H2)

De cadeia de suprimentos deficiente a operação integrada com fornecedor estratégico

Headline centralizada. Fundo com gradiente sutil (gold → lilac). Seção visualmente impactante.

Transformação

Transformation

Tabela Antes vs. Depois

  • ANTES: Múltiplos fornecedores, 2-3 semanas de lead time, burocracia de crédito travando reposição, equipes de campo ociosas, SLAs descumpridos e contratos perdidos
  • DEPOIS: Fornecedor único com +10.000 SKUs, entrega instantânea, linha de crédito pré-aprovada, equipes em operação contínua, escalabilidade sem limites de catálogo

Tabela comparativa side-by-side. Coluna "ANTES" com fundo vermelho sutil (#fef2f2) e coluna "DEPOIS" com fundo verde sutil (#f0fdf4). Ícones ❌ e ✅ em cada linha. 5-6 linhas comparativas.

Transformação

Transformation

Depoimento / Prova

"Desde que a Guilda migrou para a ACME como fornecedor exclusivo, reduzimos o downtime operacional em 87% e eliminamos completamente a ruptura de estoque. O SLA de entrega instantânea transformou nossa capacidade de escalar operações em múltiplos territórios simultaneamente." — Diretor de Operações, Guilda dos Caçadores do Arizona (conta ativa há 15+ anos)

Card de depoimento com aspas grandes, foto de avatar, nome e cargo abaixo. Fundo branco, borda esquerda roxa, sombra suave.

O — OFFER (Apresentar a oferta irresistível)

Oferta

Offer

Headline (H2)

Linha Emboscada Rápida: portfólio integrado para Guildas, Corporações e Organizações

Headline centralizada, fundo escuro (#1a1a2e) com texto branco. Seção premium com gradiente sutil.

Oferta

Offer

Grid de Produtos

  • 🚀 Foguetes de Patins: Propulsão direcional para perseguições de alta velocidade. Kit completo com 12 unidades.
  • ⚓ Bigorna Padrão 10 Ton: Forjada a frio, resiste a quedas de 3.000m. Ideal para emboscadas gravitacionais.
  • 🏹 Estilingue Gigante: Calibrado para alvos de até 200kg a 500m de distância. Tensão ajustável.
  • 💣 Caixas de TNT: Detonação programável, design clássico com letreiro vermelho. Lotes de 24 unidades.

Grid 2x2 de cards de produto. Cada card com imagem/ícone no topo, nome do produto bold, descrição curta. Fundo escuro com cards em tom mais claro (#2a2a4e). Border-radius 16px.

Oferta

Offer

Modelos de Contratação

  • Atacado Direto (Pedidos por Volume): Catálogo corporativo com desconto progressivo. Ideal para Sindicatos e Guildas com demanda pontual de grande escala. Entrega instantânea.
  • Contrato de Fornecimento Recorrente (Subscription): Reposição automatizada mensal com SLA garantido. Ideal para Corporações de Controle de Pragas e Organizações com operações contínuas. Zero ruptura de estoque.

2 cards side-by-side com badge de "Mais Popular" no Subscription Box. Fundo claro, preço em destaque (se aplicável), lista de benefícios.

R — RESPONSE (Chamada para ação + formulário de captura)

Formulário

Response

Headline do Form

Solicite a proposta comercial personalizada para a sua organização — retorno em até 24h úteis

Formulário em card com fundo branco, sombra e bordas arredondadas (16px). Headline 24px bold, cor preta.

Formulário

Response

Campos do Form (Lead Scoring)

  • Nome completo
  • E-mail corporativo
  • Telefone / WhatsApp
  • Empresa / Guilda / Organização
  • Cargo (dropdown: Diretor de Operações, Coordenador de Emboscada, Supervilão CEO, Predador Autônomo, Outro)
  • Setor (dropdown: Sindicato de Caçadores, Controle de Pragas, Vilania Corporativa, Laboratório Secreto, Outro)
  • Principal desafio (dropdown: Presas ultra-rápidas, Logística lenta do fornecedor atual, Catálogo limitado, Burocracia na reposição, Outro)

Formulário limpo com labels claras. Dropdowns personalizados para campos de scoring. Destacar confidencialidade abaixo. Inputs com border-radius 8px, focus com borda roxa.

Formulário

Response

CTA do Form

Receber Proposta Personalizada →

Botão grande, roxo (#864df9), full-width dentro do card. Hover com leve brilho. Font-weight 600, padding 16px. Border-radius 12px.

Formulário

Response

Garantia / Trust

🔒 Seus dados são confidenciais. Respondemos em até 24h úteis. Proposta sem compromisso e sem burocracia.

Texto pequeno abaixo do botão. Ícone de cadeado. Fonte 12px, cor cinza (#999). Centralizado.

SEÇÃO EXTRA — ECOSSISTEMA ACME

Cross-Sell

Extra

Banner Sinergia

ACME Corporation: parceiro estratégico único para toda a cadeia de suprimentos de operações táticas. +10.000 SKUs, logística instantânea e escala global. Descubra como unificar o procurement da sua organização com um único contrato.

Banner horizontal com fundo gradiente sutil (gold → lilac). Logo ACME centralizada. Font 14px, CTA secundário "Explorar Catálogo Completo".

FOOTER

Footer

—

Informações

Logo ACME · Redes sociais · Telefone/WhatsApp · "© 2026 ACME — A Company Making Everything"

Footer minimalista, fundo escuro (#1a1a2e). Logo centralizada, links de redes e contato abaixo. Font 12px, cor #666.

P.A.S.T.O.R.

Defesa do Wireframe: Framework P.A.S.T.O.R.

1. Justificativa da Escolha

O framework P.A.S.T.O.R. (Problem → Amplify → Story/Solution → Transformation → Offer → Response) foi selecionado entre mais de 10 frameworks analisados por três razões estratégicas:

  • Arquitetura emocional progressiva — O P.A.S.T.O.R. começa "cutucando a ferida" (o Efeito Beep-Beep, equipamentos que explodem no operador, fornecedores lentos) e amplifica as consequências antes de apresentar a solução. Para um ICP B2B que vive frustração crônica e opera sob pressão (Diretores de Operações de Caça, Coordenadores de Emboscada), esse gatilho emocional é crítico para capturar atenção num tráfego frio de Google Ads Search e Meta Ads.
  • Prova social narrativa (Story) — O case Wile E. Coyote (100% recompra, fidelidade inabalável) é um ativo de marketing extraordinário. O P.A.S.T.O.R. reserva uma seção inteira para storytelling, permitindo transformar esse case em prova social emocional — algo que frameworks mais diretos como AIDA ou FAB não conseguem acomodar com a mesma profundidade.
  • Estrutura de oferta detalhada — A etapa "Offer" permite apresentar tanto a Linha Emboscada Rápida (produtos) quanto os modelos de contratação (Atacado + Subscription Box), criando um "cardápio" claro para o ICP. Isso é essencial em B2B onde o decisor precisa entender exatamente o que está solicitando no formulário.

2. Adequação ao Contexto

  • Nível de consciência: O ICP chega à LP via Google Ads Search (solution-aware, buscando ativamente "comprar bigorna atacado", "fornecedor maquinário pesado") e via Meta Ads (problem-aware, reconhece a dor mas não conhece a ACME). O P.A.S.T.O.R. atende ambos: o tráfego frio precisa do "Problem → Amplify" para criar urgência; o tráfego quente do Search pode scrollar direto para "Offer → Response".
  • Natureza do produto: Venda B2B de alto ticket (maquinário pesado, explosivos em lote, assinaturas mensais). Exige construção de confiança antes do CTA — o P.A.S.T.O.R. faz isso sistematicamente via Story + Transformation, enquanto frameworks mais diretos (PAS, FAB) sacrificam essa camada de prova.
  • Objetivo (SQL): O formulário com Lead Scoring (cargo, setor, principal desafio) filtra automaticamente ICP Real vs. Aspiracional. Campos como "Diretor de Operações" e "Sindicato de Caçadores" sinalizam score alto; "Outro" e "Laboratório Secreto" sinalizam nutrição. O CTA "Receber Proposta Personalizada" posiciona como consultoria, não venda direta — ideal para SQL B2B.
  • Canal: Campanhas de fundo de funil com Google Ads Search (40% budget) e Meta Ads resposta-direta (25% budget). A LP precisa converter tráfego misto (frio do Meta + quente do Google), e o P.A.S.T.O.R. estrutura a jornada completa sem perder nenhum dos dois perfis.

3. Frameworks Descartados

  • AIDA (Attention → Interest → Desire → Action) — Excessivamente linear e superficial para B2B complexo. Não reserva espaço para amplificação de dor nem storytelling. Funciona melhor para impulse buying B2C, não para vendas consultivas de maquinário pesado.
  • PAS (Problem → Agitate → Solve) — Muito conciso. Ideal para e-mails ou anúncios curtos, mas insuficiente para uma landing page que precisa construir confiança B2B, apresentar case de sucesso e detalhar oferta com múltiplos produtos.
  • FAB (Features → Advantages → Benefits) — Orientado a produto, não a dor. O ICP ACME é movido por frustração crônica (Loss Aversion, Efeito Beep-Beep), e começar listando features perde o gancho emocional que o P.A.S.T.O.R. cria nas etapas P e A.
  • Q.U.E.S.T. (Qualify → Understand → Educate → Stimulate → Transition) — Framework sólido para conteúdo educacional, mas o ICP Real já é Solution-Aware e busca fornecedor, não educação. O Q.U.E.S.T. gastaria espaço "educando" quem já sabe o que precisa, diluindo a urgência que o P.A.S.T.O.R. preserva.

4. Resultado Esperado

  • Tempo médio na página: 2min30s–3min45s. A estrutura narrativa (Problem → Story → Transformation) mantém engajamento progressivo. A tabela Antes vs. Depois e o case Coyote funcionam como "speed bumps" que retêm o scroll.
  • Taxa de conversão estimada: 8%–14% (benchmark B2B Landing Pages: 5%–12%). O P.A.S.T.O.R. tende a performar acima da média porque qualifica emocionalmente antes de apresentar o formulário, resultando em leads mais intenciona dos.
  • Qualidade dos leads: Alta. O formulário com 7 campos (incluindo 3 dropdowns de scoring) filtra curiosos do ICP Real. A barreira de entrada deliberada (mais campos = mais fricção) garante que apenas decisores com dor real preencham.
  • Custo por oportunidade: Projeção de redução de 25%–35% vs. LP genérica sem framework, pela combinação de melhor qualidade de leads (menos MQLs descartados) e maior taxa de conversão do tráfego pago. O Lead Scoring no form reduz o tempo de qualificação do time comercial.

Esse ensaio e suas entregas foi criado como exercício prático de marketing digital, sem fins lucrativos e sem qualquer relação comercial com a Whiskas, Kal Kan, Mars, Incorporated., ACME Corporation, Warner Bros. Discovery, Looney Tunes ou terceiros. Todas as marcas pertencem aos seus respectivos proprietários.