Kit da Aluna · Clube CEO
Kit: novo
off
Kit da Aluna · Clube CEO Business

Landing Pages com IA
tudo que você precisa pra aplicar

Material de apoio da aula num lugar só: briefing preenchível, biblioteca de prompts copiáveis, checklists de revisão e os erros que mais travam. Use toda vez que for criar uma nova LP.

Briefing 11 pontos Biblioteca de prompts Checklists Sync com onboarding

Primeira vez aqui

Preencha o que for usar, clique em salvar, e você recebe um código do tipo CLUBE-ABCD1.

Código único: o mesmo código serve pra este Kit e pro Manual de Onboarding. Um código, duas ferramentas.

Já tenho um código

Cole aqui o código que você guardou. Seus campos são carregados, inclusive os que você preencheu no Onboarding.

Sincronização com o Onboarding

Detectei que alguns campos têm versão diferente no Manual de Onboarding. Decida campo a campo qual versão manter.

Suas perguntas pra aula

Se surgir alguma dúvida enquanto você usa o Kit ou durante a aula, anota aqui. Não interrompe seu fluxo — acumula tudo e a gente responde em bloco. Este campo salva junto com seu código.

Ferramenta 01

Briefing em branco · preencha antes de abrir o Claude

Os 11 pontos do framework. Preencha com especificidade — adjetivo vago vira resultado genérico. Ao final, clique em "Gerar briefing consolidado" pra copiar tudo organizado e colar no GPT.

Campos compartilhados com o Onboarding: os campos marcados com do onboarding vieram automaticamente do seu manual. Edite se quiser — se divergirem, o outro lado te avisa.

Campos compostos: os marcados com composto são montados automaticamente a partir dos dados crus do Onboarding. Você pode sobrescrever.

01 · Objetivo da página composto
O que essa página precisa fazer?
Vender produto · captar lead · lista de espera · WhatsApp · outro
02 · Produto / oferta composto
Nome, preço, condição, bônus, garantia
Preenchido automaticamente com base no que você colocou no Onboarding (nome + preço + condição + garantia + bônus).
03 · Público-alvo do onboarding
Pra quem essa página fala?
Define tom, visual, escolha de palavras. Puxado do bloco 05 do Onboarding.
04 · Promessa / transformação do onboarding
Qual o principal benefício de quem compra?
Geralmente vira a headline do hero. Puxado do bloco 05 do Onboarding.
05 · Estrutura desejada
Quais seções, em qual ordem?
Ordem padrão: Hero → Dor → Verdade incômoda → Solução → Pra quem → Recebe → Bônus → Prova → Oferta → FAQ → CTA final
06 · Copy da página do onboarding
Cola aqui a copy completa, fatiada por seção
Copy é sagrada. A IA não pode reescrever. Puxado do bloco 06 do Onboarding.
07 · Direção visual
Com critério, não adjetivo
✗ "faz premium" · ✓ "fundo #fafaf7, acento #1a2f5c, título em Playfair, corpo em Inter, respiro 80px"
08 · Imagens / ativos
O que você tem disponível?
Logo · mockup · fotos · prints · ícones. Se não tem, usa Unsplash (foto) ou Canva (mockup).
09 · Lógica dos botões
Cada botão: onde aparece, texto, ação
Recomendado: todos os botões de compra → mesmo checkout. Se usar rolagem, define qual texto rola e qual compra.
10 · Link de destino do onboarding
URL do checkout já pronta
Kiwify, Hotmart, Stripe — URL completa, não encurtada. Puxado do Onboarding.
11 · Regras técnicas + proibições
O que precisa ser + o que NÃO pode aparecer
Regras obrigatórias + o que você quer proibir.

Dica: o briefing consolidado gerado acima já vai formatado pra você colar direto no GPT. Combine com o "Prompt mestre pro GPT" da próxima seção.

Ferramenta 02

Biblioteca de prompts · copia e cola

Todos os prompts da aula, prontos pra usar. Clique em "Copiar" em cada um.

Prompt mestre — transforma briefing em instrução técnica

Cola no GPT (ChatGPT). Substitui [cola o briefing aqui] pelo briefing consolidado.

GPT · Organizador
Você é um especialista em criar prompts técnicos para geração de landing pages em HTML único. Vou te mandar abaixo um briefing completo de uma LP de vendas. Sua tarefa é transformar esse briefing em UM prompt técnico detalhado, pronto para eu colar no Claude e gerar o HTML. REGRAS OBRIGATÓRIAS do prompt que você vai criar: 1. A copy que eu te passei é INTOCÁVEL. O prompt deve instruir o Claude a NÃO alterar, reescrever ou inventar texto. 2. A estrutura de seções deve ser respeitada na ordem exata. 3. Os botões devem ter o texto e a ação (checkout ou rolagem) especificados. 4. Direção visual deve ser concreta (hex, fontes, espaçamentos) — nunca adjetivos soltos. 5. Regras técnicas obrigatórias: HTML único em um arquivo, pronto pra Netlify, 100% responsivo mobile-first, título da aba personalizado, favicon inline. 6. PROIBIÇÕES a incluir no prompt: não inventar depoimentos, não usar placeholders tipo image.jpg, não exagerar em animação, FAQ antes do CTA final. Me entregue o prompt final pronto pra copiar, sem explicação adicional. BRIEFING: [cola o briefing completo aqui]

Prompt mestre supremo (se o GPT oferecer refinar)

Use quando o GPT sugerir "gerar uma versão ainda melhor do prompt". Aceite uma vez e envie isso.

GPT · Refinamento final
Ótimo. Agora gera a versão final e suprema desse prompt, pronta pra eu copiar e colar direto no Claude. Sem mais refinamentos depois dessa. Quero o prompt técnico completo, com todas as instruções, proibições e regras, já consolidadas. Entrega só o prompt final, sem explicação.

Prompt · quando o Claude trunca o HTML

Páginas grandes batem no limite de tokens. Envie isso pra continuar.

Claude · Continuar geração
Continue exatamente de onde parou, mantendo a mesma estrutura, estilo e padrão. Não repita o que já foi gerado. Vá direto na continuação.

Prompts de ajustes cirúrgicos

Depois que o Claude gerou a página, use esses prompts pra ajustes pontuais sem regenerar tudo.

Ajuste · Cor de botão
Troca a cor do botão principal pra [#HEXAQUI] com hover [#HEXHOVER]. Mantém o resto intacto.
Ajuste · Espaçamento entre seções
Aumenta o espaçamento (padding vertical) entre a seção de [NOME DA SEÇÃO A] e a seção de [NOME DA SEÇÃO B] em 40px.
Ajuste · Botão que rola em vez de abrir link
O botão "[TEXTO DO BOTÃO]" precisa rolar suavemente até a seção de [NOME DA SEÇÃO DESTINO], não abrir link externo. Use scroll-behavior smooth.
Ajuste · Título da aba
O título da aba do navegador está aparecendo como "[título atual errado]" — troca pra "[novo título certo]".
Ajuste · Favicon inline
Adiciona [EMOJI ou SÍMBOLO] como favicon inline usando SVG data URI, sem arquivo externo.
Ajuste · Texto específico
Na seção de [NOME DA SEÇÃO], troca o texto "[texto atual]" por "[texto novo]". Mantém toda a formatação e o resto intacto.
Ajuste · Corrigir responsividade mobile
No mobile (viewport até 768px), a seção de [NOME DA SEÇÃO] está com [problema específico — ex: texto cortado, botão fora da tela]. Corrige mantendo o layout desktop como está.
Ajuste · Adicionar depoimento real
Na seção de depoimentos, troca os depoimentos atuais por esses reais: Depoimento 1: Nome: [NOME] Texto: "[TEXTO DO DEPOIMENTO]" Depoimento 2: Nome: [NOME] Texto: "[TEXTO DO DEPOIMENTO]" Mantém o layout dos cards do jeito que está.

Prompt ruim · exemplo do que NÃO fazer

NÃO USE · só pra referência
Cria uma landing page bonita pra vender um curso de [qualquer coisa]. Faz premium e moderna.
Ferramenta 03

Checklists de revisão

Use antes, durante e depois de gerar a LP.

Antes de mandar o prompt pro Claude

Depois que o Claude gerou

Antes de publicar (teste local)

Depois de publicar no Netlify

Ferramenta 04

Top 7 erros que mais travam

Revisa antes de começar qualquer LP nova. Resolvem 80% do que dá errado.

ERRO 01
Gerar HTML antes do briefing
Tentação grande. Resultado genérico. Se os 11 pontos não estão preenchidos, não abre o Claude.
ERRO 02
Prompt vago cheio de adjetivo
"Faz bonito", "premium", "moderno" não são instruções. Vago no prompt, vago no resultado.
ERRO 03
Não ter copy antes
IA inventa texto genérico que não converte. Copy é sagrada. Traz pronta ou escreve antes.
ERRO 04
Botão sem destino = decoração
Não começa o prompt sem link do checkout em mãos e ação definida pra cada botão.
ERRO 05
Não testar mobile
Maioria do tráfego pago cai em celular. Se quebra no mobile, você queima dinheiro. Teste obrigatório.
ERRO 06
Achar que gerou = está pronto
Conferir cada botão, cada link, cada texto, cada cor. A IA erra pequenos detalhes.
ERRO 07
Querer site inteiro em vez de LP focada
Uma LP de vendas bem feita vende mais que um site institucional completo.
Ferramenta 05

Próximos passos — depois que publicou

Publicar é o começo, não o fim. Pra LP virar venda, precisa dessas 3 camadas.

Esses 3 passos são uma camada inteira — tráfego pago e estratégia de funil. Não é o escopo da aula de hoje, mas é o que separa "LP publicada" de "LP que vende".