Cópia de Landing Page — As Palavras Que Convertem em Uma Página
Gancho, oferta, prova, CTA. Você escreve as palavras que um visitante lê de cima a baixo; você não desenha o layout, constrói a página nem escreve o anúncio que o enviou.
Esta habilidade é responsável pela cópia de conversão de uma única página: um título principal abaixo de ~8 palavras mais um subtítulo de benefício, um esqueleto da página de cima a baixo, a oferta declarada como um benefício, a prova posicionada ao lado da solicitação e uma única CTA principal repetida sem concorrência. É um trabalho de redação. Os pixels são do design, a construção em React/Next é do nextjs, o anúncio que gera o clique é do ads.
Quando usar
- Escrever ou reescrever um herói: H1 + subtítulo + texto do botão.
- Estruturar uma página de destino/vendas completa (gancho → problema → oferta → prova → CTA → objeções).
- Escolher e escrever uma única CTA principal e suas instâncias repetidas.
- Transformar características em benefícios ("criptografia AES-256" → "sua equipe de segurança aprova em dias").
- Posicionar a prova — depoimentos, métricas, logotipos, garantia — ao lado da solicitação.
- Fazer o título da página corresponder ao anúncio/e-mail que gerou o clique (correspondência de mensagem).
- Resgatar uma página que recebe tráfego mas não converte — quando a falha está nas palavras.
Quando NÃO usar (encaminhe para o skill irmão que é dono do assunto)
- Layout visual, hierarquia, espaçamento, sistema de componentes →
design(../design/SKILL.md). - Construir a página em código, configuração de formulários, roteamento →
nextjs(../nextjs/SKILL.md) /react. - O texto do anúncio pago do Google/Meta que leva tráfego para a página →
ads. - O tom da marca, regras de voz, léxico, lista de palavras permitidas/proibidas →
brand-voice. - Ranqueamento em busca orgânica ou ser citado por motores de resposta de IA →
seo-geo. - Projetar e executar o experimento que escolhe a variante vencedora →
ab-testing. - Escrever a história de cliente independente como seu próprio ativo →
case-studies. - Um plano de lançamento multicanal, e-mails de nutrição ou estratégia de campanha →
marketing(../marketing/SKILL.md).
Limite em uma linha: você é dono das palavras que convertem em uma página; ads é dono do clique que chega, design é dono do layout onde elas se encaixam, ab-testing é dono da prova de quais palavras vencem.
A realidade da conversão (calibre, nunca prometa)
Esses números definem expectativas. Apresente-os como uma faixa; no momento em que você prometer uma taxa de conversão fixa, está mentindo para o usuário.
- A mediana entre setores é de ~6,6%; páginas fortes em qualquer vertical atingem 10–15%+. Por vertical, a dispersão é grande: Eventos & Entretenimento ~12,3%, Serviços Financeiros ~8,4%, SaaS/Tech ~3,8%, E-commerce ~2,35%, Serviços B2B ~1–3%. Por que: uma equipe de SaaS que ouviu "você atingirá 12%" recebeu a mediana de eventos; cite a faixa da vertical deles para que a meta seja real. (Benchmarks de CRO Foundry 2026, citando a análise de 464 milhões de visitas / 41 mil páginas da Unbounce.)
- Os visitantes decidem se ficam em ~5 segundos, e ~80% raramente rolam além da dobra. Por que: o herói é a cópia de maior alavancagem única da página — se ele não responder "o que é isso e por que deveria me importar" antes de uma rolagem, o resto permanece não lido. (Pesquisa de seção herói / estudos de atenção NN/g 2026.)
Os quatro blocos — a espinha dorsal da página
Cada página de conversão é esses quatro trabalhos, de cima a baixo. Cada um tem uma pergunta distinta, um lugar na página e um modo de falha. Diagnostique uma página morta encontrando qual bloco está fraco.
| Bloco | Deve responder | Onde vive | Modo de falha se fraco |
|---|---|---|---|
| Gancho | "O que é isso e por que deveria me importar?" em <5s | Herói, acima da dobra | Visitante sai antes de rolar; ~80% nunca vê o resto |
| Oferta | "O que exatamente eu recebo e quanto me custa?" | Logo após o gancho/problema | Excesso de funcionalidades; o leitor não consegue dizer o que ganha |
| Prova | "Por que deveria acreditar em você?" | Adjacente a cada CTA | Alegações soam como marketing; a confiança nunca se forma |
| CTA | "Qual é a única coisa a fazer agora?" | Herói, repetida na página | Solicitações concorrentes → fadiga de decisão → nenhum clique |
O gancho
O H1 carrega o o quê; o subtítulo carrega o benefício; ambos devem ecoar o que o visitante clicou.
- H1 com menos de ~8 palavras / ~44 caracteres. A restrição força clareza, e um título claro vence um título inteligente todas as vezes. Se você não consegue dizer em 8 palavras, ainda não entende a oferta.
- Subtítulo carrega o benefício — para quem é e o resultado que obtém, em uma cláusula.
- Correspondência de mensagem: o título deve ecoar a promessa do anúncio/e-mail que gerou o clique. Alinhar uma única alegação entre anúncio + página produziu um aumento de 66% na CVR em casos documentados (e 212% apenas corrigindo a correspondência de mensagem). Você combina a página com o anúncio; escrever o anúncio é do
ads.
Ruim — "Reimagine O Futuro Das Operações Financeiras" (inteligente, 6 palavras, não diz nada)
Bom — "Relatórios de despesas em 30 segundos" (claro, 5 palavras, nomeia o resultado)
Subtítulo: Para equipes financeiras afogadas em recibos — fotografe, envie, aprovado.
A oferta
Nomeie a coisa, o resultado e o custo em esforço ou dinheiro. Lidere com o resultado que o comprador obtém, depois o mecanismo que o entrega. Essa transformação de característica em benefício é a mudança de cópia de maior impacto na maioria das páginas.
O arcabouço é FAB — Característica → Vantagem → Benefício — mas você para no benefício que interessa ao leitor e o apoia com o mecanismo como prova, não o contrário.
Ruim — "Nossa plataforma possui criptografia avançada AES-256."
Bom — "Proteja dados de clientes com criptografia AES-256, para que sua equipe
de segurança aprove em dias, não em meses."
Regra: cada linha de característica responde "e daí?" com um resultado. Se não conseguir, corte-a.
A prova
A crença é construída ao lado da solicitação, não em uma parede de citações em outro lugar.
- 3–5 depoimentos específicos e nomeados, cada um com um resultado concreto. "Ótimo produto!" não convence ninguém; "reduzimos nosso tempo de fechamento de 9 dias para 2 — Maria, CFO da Lumen" convence. Específico vence superlativo.
- Coloque a prova adjacente à CTA principal. Prova social ao lado da solicitação aumentou a conversão em ~68% em casos documentados; avaliações/depoimentos são decisivos para ~93% dos compradores e ~88% confiam neles como uma recomendação pessoal. Por que: a crença e a decisão acontecem no mesmo momento — coloque a evidência onde está o clique.
- Números, logotipos reconhecíveis e uma reversão de risco (dinheiro de volta, sem cartão necessário) também são prova. Um número concreto vale mais que três adjetivos.
- Nunca invente prova. Se uma métrica, citação ou logotipo não for real, marque
[[NEEDS PROOF]]e pergunte ao usuário — não invente.
Ruim — "Amado por equipes em todo lugar. Resultados de classe mundial!"
Bom — "Reduzimos o tempo de relatório de despesas em 82% no primeiro mês."
— Maria Ortiz, CFO, Lumen (equipe financeira de 47 pessoas)
A CTA
Uma ação principal, liderada por verbo, repetida — não variada — na página.
- Uma CTA principal por página. Solicitações concorrentes causam fadiga de decisão e reduzem a conversão. A mesma ação aparece no herói e novamente em cada ponto de decisão; links secundários podem existir, mas não devem competir visual ou verbalmente com a principal.
- Verbos de movimento, nunca "Enviar". "Iniciar teste grátis", "Obter meu orçamento", "Ver planos" — o botão declara o valor, não a ação do formulário.
- A estrutura em primeira pessoa geralmente aumenta cliques: "Iniciar meu teste grátis" soa como a intenção do próprio visitante. Acompanhe o botão com uma linha de microcópia que reduza o atrito ("Sem cartão de crédito necessário").
Botões ruins — [Enviar] [Saiba mais] [Falar com vendas]
Botões bons — [Iniciar meu teste grátis] ...repetido... [Iniciar meu teste grátis]
Abaixo: Sem cartão de crédito. Cancele quando quiser.
Arcabouços como estruturas (preencha com as palavras do leitor)
Estes são esqueletos para preencher com a linguagem real do comprador, não modelos de preenchimento:
- PAS — Problema → Agitação → Solução. Melhor para tráfego consciente da dor.
- AIDA — Atenção → Interesse → Desejo → Ação. Topo de funil amplo.
- BAB — Antes → Depois → Ponte. Histórias de transformação.
- FAB — Característica → Vantagem → Benefício. O bloco da oferta.
Pilha comum: gancho PAS/AIDA → oferta FAB → prova → CTA. O quanto você agita o problema antes da oferta depende da temperatura do tráfego (frio precisa de mais, quente vai direto para a oferta). Explicações completas com exemplos novos e a nota sobre estágio de conscientização → referencias/arcaboucos.md.
Anti-padrões → corrija
| Racionalização | Realidade / Correção |
|---|---|
| "Um título inteligente vai se destacar" | Inteligente é obscuro. Nomeie o resultado em <8 palavras; claro vence inteligente. |
| "Mais funcionalidades = mais valor mostrado" | Excesso de funcionalidades enterra o benefício. Lidere com o resultado, depois o mecanismo. |
| "Dê a eles várias CTAs para escolher" | Escolha mata a conversão. Uma ação principal, repetida, não variada. |
| "Qualquer depoimento serve" | Elogios genéricos não convencem. 3–5 citações nomeadas com um resultado concreto, perto da CTA. |
| "De classe mundial, inovador, revolucionário" | Palavras de hype sinalizam cópia de modelo de IA. Substitua por um número ou um resultado nomeado. |
| "A página pode dizer o que quiser" | Se o título ignora a promessa do anúncio, você perde o ganho da correspondência de mensagem. Ecoe o clique. |
| "Prometa a eles uma taxa de conversão de 12%" | Nunca prometa um número fixo. Cite a faixa para a vertical deles. |
| "Vou inventar uma métrica plausível" | Nunca. Marque [[NEEDS PROOF]] e pergunte ao usuário. |
Esqueleto da página + exemplo prático
O esqueleto anotado de cima a baixo (gancho → problema → oferta → prova → CTA → objeções/FAQ → CTA final), com um exemplo totalmente trabalhado de SaaS B2B e os slots variáveis marcados, está em referencias/esqueleto-pagina.md. Comece por lá quando escrever uma página completa em vez de um bloco único.
Verifique sua cópia
Execute scripts/verify.sh sobre o arquivo que você escreveu (ou seu projeto) antes de declarar concluído. É uma verificação estática somente leitura e sem dependências: comprimento do H1, exatamente um verbo de CTA principal (sinaliza solicitações concorrentes), presença de um bloco de prova e um subtítulo de benefício, uma lista de proibição de frases de hype/sinal de IA e um aviso de "Enviar". Ele avisa sobre problemas leves e termina com código diferente de zero apenas em problemas graves (sem CTA, sem prova). É uma salvaguarda, não o julgamento — a tabela dos quatro blocos é.
Veja também
../design/SKILL.md— os pixels: layout, hierarquia, o sistema visual onde as palavras se encaixam.../nextjs/SKILL.md— a construção: renderizar a página em código.../marketing/SKILL.md— a campanha mais ampla: sequências de e-mail, canais, arco de lançamento.ads— o texto do anúncio pago que gera o clique (encaminhe aqui; você só combina a página com ele).ab-testing— o experimento que prova qual título/CTA vence.case-studies·brand-voice·seo-geo— o ativo de prova, as regras de voz, a camada de busca.- Referências:
referencias/arcaboucos.md,referencias/esqueleto-pagina.md.