ACME Corporation · Gadgets & Armadilhas Criativas
Seção | Framework | Elemento | Conteúdo | Notas para Designer |
|---|---|---|---|---|
P — PROBLEM (Identificar o Problema do ICP) | ||||
Hero Section | Problem | Headline (H1) | Cansado de Correr Atrás da Presa e Voltar de Mãos Vazias? A ACME Tem a Engenhoca Certa Para Você. | Fundo escuro (#1a1a1a) com gradiente sutil para roxo. Tipografia Inter Tight bold, 2.5rem, centralizada. Evocar frustração com empatia. |
Hero Section | Problem | Subheadline | Você já tentou de tudo — pedras, galhos, gravidade pura — e a presa continua passando por você como se fosse invisível. Chegou a hora de virar o jogo com tecnologia de verdade. | Texto 1rem, cor #ccc, max-width 640px. 3 linhas no máximo. Conectar com a dor do ICP aspiracional. |
Hero Section | Problem | CTA Primário | Quero Ver o Catálogo Completo → | Botão roxo (#864df9), texto branco, border-radius 12px, padding 16px 32px. Hover com glow sutil. Posição central. |
Hero Section | Problem | Trust Bar |
| Barra horizontal com 4 badges em fundo levemente mais claro que o hero. Ícones emoji, texto 0.82rem, font-weight 600. Espaçamento uniforme. |
A — AMPLIFY (Amplificar a Dor e as Consequências) | ||||
Dores Amplificadas | Amplify | Headline (H2) | O Que Acontece Quando Você Tenta Caçar Sem o Equipamento Certo? | Fundo branco, headline em preto, centralizada. Seção com padding generoso (64px vertical). |
Dores Amplificadas | Amplify | Cards de Dor (3 cards) |
| Grid 3 colunas. Cards com fundo #fff, borda superior colorida (vermelho, laranja, roxo), border-radius 16px, box-shadow sutil. Ícone emoji em cada card. Hover com leve elevação. |
Dores Amplificadas | Amplify | Frase de Impacto | "A diferença entre fome e fartura é uma página de catálogo ACME." | Texto em itálico, centralizado, fonte 1.1rem, cor #864df9. Margin top 24px. Aspas tipográficas estilizadas. |
S — STORY / SOLUTION (Narrativa de Transformação e Apresentação da Solução) | ||||
História + Solução | Story | Headline (H2) | Conheça Quem Já Passou Por Isso — e Nunca Parou de Tentar | Fundo lilac (#dcd3ef). Headline em #4a2896. Seção storytelling com visual acolhedor. |
História + Solução | Story | Bloco Narrativo | Wile E. Coyote. Um predador como você. Ele também começou com pedras e galhos. Também caiu de penhascos. Também segurou plaquinhas de "Socorro". Mas sabe o que ele nunca fez? Desistir. Com mais de 400 pedidos feitos à ACME, o Coiote é o nosso cliente mais fiel — e a prova viva de que resiliência e criatividade vencem qualquer desafio. Hoje, ele opera com foguetes de última geração, bigornas aerodinâmicas e o maior arsenal de gadgets do deserto. | Layout texto + ilustração lado a lado (60/40). Texto em blocos curtos com espaçamento 1.8. Imagem do Coiote ou ilustração simbólica à direita. Border-left 4px roxo no bloco de texto. |
História + Solução | Solution | Transição para Solução | A ACME não vende só produtos. Vende esperança embalada em madeira, com entrega instantânea e criatividade ilimitada. | Texto centralizado, font-weight 600, 1rem. Funciona como ponte narrativa. Padding vertical 32px. |
Catálogo de Soluções | Solution | Grid de Produtos (4 cards) |
| Grid 2x2. Cards com ícone grande (emoji 2rem), título bold, descrição curta. Fundo branco, border-radius 16px, hover com borda gradiente sutil. Box-shadow padrão. |
T — TRANSFORMATION (Mostrar o Antes vs. Depois) | ||||
Transformação | Transform. | Headline (H2) | De Predador Frustrado a Super Genius Equipado | Fundo escuro. Headline em branco, bold. Seção de alto impacto visual. |
Transformação | Transform. | Tabela Antes/Depois |
| Layout em duas colunas com divisor central. Coluna "Antes" com fundo vermelho/escuro suave, coluna "Depois" com fundo verde/mint. Ícones ❌ e ✅. Animação de slide-in ao scroll. |
Transformação | Transform. | Métrica de Impacto |
| 4 counters animados em linha horizontal. Números grandes (2.5rem, bold, roxo), label menor abaixo. Fundo escuro com brilho sutil nos números. Animação de contagem ao entrar na viewport. |
O — OFFER (Apresentar a Oferta Irresistível) | ||||
Oferta | Offer | Headline (H2) | Seu Primeiro Pedido ACME: Catálogo Exclusivo + Consultoria de Armadilhas Grátis | Fundo gradiente (gold → pink → roxo). Headline em branco, bold, 1.5rem. Alto contraste e impacto visual. |
Oferta | Offer | Detalhes da Oferta (3 blocos) |
| 3 blocos verticais com check-marks. Fundo semi-transparente branco sobre gradiente. Border-radius 16px. Ícones emoji grandes. Texto bold nos títulos, regular nas descrições. |
Oferta | Offer | Urgência / Escassez | ⏰ Oferta válida para os primeiros 50 predadores que preencherem o formulário. Estoque de Kits Iniciais limitado — não queremos outra crise de bigornas como em 2025. | Banner de urgência com fundo amarelo (#F7E397), texto escuro. Ícone de relógio animado. Font-weight 600. Border-left 4px vermelha. |
R — RESPONSE (Call-to-Action Final + Formulário de Conversão) | ||||
Formulário | Response | Headline do Form | Pronto Para Equipar Seu Arsenal? Preencha e Receba Seu Catálogo em Segundos. | Formulário em card com fundo branco, sombra forte, border-radius 16px. Headline centralizada, 1.2rem, bold. |
Formulário | Response | Campos do Form (Lead Scoring) |
| Formulário limpo com labels claras. Dropdowns para campos de scoring. Inputs com border 1px #ddd, border-radius 8px. Focus state com borda roxa. Labels em font-weight 500. |
Formulário | Response | CTA do Form | Quero Meu Catálogo ACME Agora → | Botão grande, roxo (#864df9), full-width dentro do card, padding 16px. Texto branco, bold. Hover com leve brilho e scale(1.02). Border-radius 12px. |
Formulário | Response | Garantia / Trust | 🔒 Seus dados são confidenciais. Respondemos em até 24h (literalmente — nossa logística é a mais rápida do deserto). Consultoria sem compromisso. Sem cobranças ocultas — diferente das nossas bigornas. | Texto pequeno (12px) abaixo do botão. Ícone de cadeado. Cor cinza (#999). Humor sutil para reforçar a autenticidade da marca (Pratfall Effect). |
SEÇÃO EXTRA — PROVA SOCIAL E REFORÇO DE CONFIANÇA | ||||
Prova Social | Extra | Depoimento Destaque | "Já fiz mais de 400 pedidos à ACME. Nem todos funcionaram como esperado, mas nunca deixei de acreditar. O foguete da série Turbo III quase me levou até a presa — e isso é tudo que preciso para continuar tentando." — W. E. Coyote, Super Genius | Card de depoimento com aspas grandes estilizadas, fundo lilac (#dcd3ef), border-radius 16px. Avatar/ícone do depoente à esquerda. Texto em itálico, nome bold abaixo. |
Prova Social | Extra | Logos / Credenciais |
| Barra horizontal com 4 badges. Fundo branco, ícones emoji, texto 0.82rem. Similar ao trust bar do hero, mas com dados mais detalhados. |
FOOTER | ||||
Footer | — | Informações | Logo ACME Corporation · Redes sociais (Catalogo.acme | @acmecorp) · Telefone/WhatsApp · "© 2026 ACME Corporation — Soluções Criativas por Correspondência. Nem todos os produtos funcionam conforme o esperado." | Footer minimalista, fundo escuro (#1a1a1a). Logo centralizada, links de redes e contato abaixo. Disclaimer em fonte 10px, itálico. |
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 ser o mais completo para produtos B2C com forte componente emocional e ciclo de recompra elevado.
- Conexão emocional profunda — O P.A.S.T.O.R. dedica duas seções inteiras (Problem + Amplify) para trabalhar a dor do ICP antes de apresentar qualquer solução. Para um público cuja principal motivação é a frustração acumulada com métodos naturais de caça, essa construção emocional é essencial para gerar identificação.
- Narrativa de transformação — A seção Story permite usar o case do Wile E. Coyote como prova social narrativa, algo que frameworks como AIDA ou FAB não acomodam com a mesma profundidade. O storytelling é o diferencial da ACME (resiliência + esperança), e o P.A.S.T.O.R. explora isso nativamente.
- Estrutura de oferta robusta — A seção Offer do P.A.S.T.O.R. permite empacotar a oferta com bônus, urgência e escassez de forma orgânica, sem parecer forçada — crucial para um produto que depende de impulsividade e gratificação imediata (Hyperbolic Discounting).
2. Adequação ao Contexto
- Nível de consciência: O ICP aspiracional chega Problem-Aware (busca no Google: "como capturar presa rápida"), enquanto o ICP real chega Product-Aware (busca diretamente por "catálogo ACME"). O P.A.S.T.O.R. funciona para ambos: o bloco P+A educa o aspiracional, enquanto o S+T+O engaja o real. A landing page atende os dois perfis numa jornada única.
- Natureza do produto: Produtos B2C de venda impulsiva, com alto apelo emocional e baixa barreira de entrada (catálogo grátis + consultoria). O P.A.S.T.O.R. é ideal para produtos que precisam construir desejo antes do commit — diferentemente de frameworks como FAB, que funcionam melhor para produtos racionais/técnicos.
- Objetivo (SQL): O CTA final captura leads qualificados com campos de scoring (tipo de presa, nível de experiência, principal desafio) que permitem classificar o lead antes de entregar ao time comercial. O formulário está posicionado após 5 seções de aquecimento, maximizando a qualidade do lead.
- Canal: Google Ads Search (20% budget, intenção alta) + Meta Ads (25% budget, visual/demonstração). A LP funciona para ambos: o hero captura quem vem do Search com headline de dor, enquanto a narrativa visual mantém quem vem do Meta Ads engajado ao longo da página.
3. Frameworks Descartados
- AIDA (Attention → Interest → Desire → Action) — Descartado por ser superficial demais para o nível de construção emocional necessário. O AIDA não tem espaço dedicado para amplificação da dor nem para storytelling, dois pilares da comunicação ACME.
- PAS (Problem → Agitate → Solve) — Próximo do P.A.S.T.O.R., mas sem as seções de Transformação e Oferta estruturada. Para um produto com forte apelo de "antes vs. depois" e necessidade de empacotamento de oferta, o PAS é insuficiente.
- FAB (Features → Advantages → Benefits) — Descartado por ser excessivamente racional. O ICP da ACME compra por emoção (esperança, obsessão, resiliência), não por análise técnica de features. O FAB funcionaria melhor para B2B tech.
- Q.U.E.S.T. (Qualify → Understand → Educate → Stimulate → Transition) — Interessante para educação de mercado, mas o ICP já conhece o problema e busca solução ativamente. O Q.U.E.S.T. gastaria tempo demais educando quem não precisa ser educado.
4. Resultado Esperado
- Tempo médio na página: 2min30s–3min45s. A narrativa do Coiote + tabela de transformação + detalhamento da oferta criam uma jornada que retém o visitante. Benchmark para LPs de resposta-direta B2C: 1min30s–2min. O storytelling deve elevar esse número.
- Taxa de conversão estimada: 8%–14% para tráfego de Google Ads Search (intenção alta), 3%–6% para Meta Ads (tráfego frio/morno). A oferta de catálogo grátis + consultoria reduz a barreira de conversão. Benchmark do setor B2C variado: 5%–10%.
- Qualidade dos leads: Os 3 dropdowns de scoring (tipo de presa, experiência ACME, principal desafio) permitem classificar leads em: Hot (cliente fiel, desafio claro), Warm (já comprou, exploratório), Cold (curiosidade). Time comercial prioriza Hot e Warm.
- Custo por oportunidade: Projeção de redução de 20%–35% no CPL comparado a formulário genérico sem scoring, pois leads desqualificados (ex: "Apenas curiosidade") são filtrados antes de chegar ao time de vendas, reduzindo tempo de contato desperdiçado.