Clube CEO Business
Landing Pages com IA · Aula ao vivo
Mentor: Victor
Aula ao vivo · Clube CEO Business

Landing Pages com IA
em menos de 2 horas.

Do briefing ao deploy. Sem código. Sem templates genéricos. Sem copy inventada.
Você sai daqui com uma landing de vendas publicada.

90 min GPT + Claude + Netlify Ao vivo · faça junto Produto-exemplo: Curso R$ 697
Antes de começar

Uma pergunta pra turma.

LEVANTA A MÃO QUEM

"Já pagou alguém pra fazer uma landing page — e achou cara."
ou
"Já tentou fazer uma LP com IA sozinha — e o resultado foi frustrante."

Ótimo. Você está no lugar certo. Hoje eu te entrego o método que resolve os dois lados.

Bloco 1 · Abertura

O que essa aula é —
e o que ela não é.

  • É aula de dirigir a IA pra gerar página publicável
  • É aula de método: briefing → prompt → HTML → deploy
  • Você sai com uma LP de vendas no ar
  • Funciona pra qualquer produto, qualquer nicho
  • Não é aula de HTML, CSS ou programação
  • Não é aula de copywriting
  • Não é aula de site institucional completo
  • Não é aula de design de marca
Pré-requisitos · obrigatórios

Pra fazer comigo ao vivo,
você precisa de 3 coisas.

  1. Copy da sua página pronta.Copy é outra aula. Se não tiver, assiste e aplica depois.
  2. Claude Pro ativo.No gratuito você bate no limite na metade. Não tem alternativa.
  3. Link do checkout em mãos.Kiwify, Hotmart, Stripe — qualquer um funciona.
Produto-exemplo de hoje

Curso de Processo Civil.
Técnico, denso, público exigente.

Escolhi de propósito um produto difícil. Se o método funciona pra um curso jurídico de R$ 697, funciona pra mentoria, consultoria, ebook, SaaS — o que você vender.

LEMBRETE DE VALOR

Uma LP básica, muitas vezes mal feita, cobram de você R$ 500 a R$ 750. LP boa com estratégia, bem mais. Hoje você aprende o método — quem um dia quiser terceirizar sabendo o que está pagando, já sai daqui com o olho treinado.

Bloco 2 · Demonstração invertida

Antes de ensinar o certo,
deixa eu te mostrar o errado.

Vou abrir o Claude agora e mandar um prompt ruim de propósito. Observa o que vai acontecer — e por quê.

Cria uma landing page bonita pra vender um curso de Direito. Faz premium e moderna.
O que a IA fez de errado

Não foi culpa da IA.
Foi o que a gente mandou.

  • Copy inventada — genérica, sem voz, sem dor real
  • Botões sem link — decoração, não funcionalidade
  • Visual de template — "premium" é adjetivo, não instrução
  • Estrutura aleatória — seções fora de ordem lógica
  • Mobile quebrado — sem instrução de responsividade
  • Depoimentos fake — nomes e fotos inventados

Tudo isso se resolve antes do HTML. No briefing e no prompt.

Bloco 3 · Anatomia da LP

Uma LP de vendas é uma sequência de persuasão,
não um layout aleatório.

01Heropromessa + CTA
02Doridentificação
03Verdade incômodapor que agora
04Soluçãoapresenta o produto
05Pra quem équalifica o público
06O que aprende / recebeconteúdo concreto
07Bônusempilhamento de valor
08Prova socialdepoimentos
09Ofertapreço + garantia
10FAQmata objeções
11CTA finalúltima chamada
Armadilhas específicas

O que a IA faz de errado
quando você não avisa.

Inverte dor e solução

Tende a apresentar o produto antes de fazer doer a dor. Você precisa explicitar a ordem.

Inventa depoimentos

Nomes, fotos, textos — tudo fake. Tem que proibir explicitamente no prompt.

Joga FAQ depois do CTA final

Enfraquece a última chamada. FAQ sempre antes do fechamento.

Usa placeholders tipo image.jpg

Se você não falar o que fazer com imagem, ela deixa quadrado cinza.

Exagera animação e hover

Precisa limitar no prompt: "animações sutis, sem efeitos decorativos".

Antes de continuar · decisão operacional

Botão sem destino é decoração.
Defina isso agora.

Cenário recomendado

Todos os botões de compra vão pro mesmo link de checkout. Simples, funciona, não dá problema.

Se quiser sofisticar

Botão do hero rola até a oferta ("Quero saber mais"), botões da oferta vão pro checkout ("Garantir agora").

DECIDIR ANTES DE ESCREVER O PROMPT

✓ Link do checkout em mãos  ·  ✓ Texto de cada botão  ·  ✓ Ação de cada botão (checkout ou rolagem)

Bloco 4 · O coração da aula

O Framework de Briefing.
11 pontos. Se lembrar só disso, já valeu.

  1. Objetivo da páginaVender, captar lead, levar pro WhatsApp
  2. Produto / ofertaNome, preço, bônus, garantia
  3. Público-alvoPra quem fala — muda tom e visual
  4. Promessa / transformaçãoBenefício central — vira headline
  5. Estrutura desejadaQuais seções, em qual ordem
  6. Copy da páginaPronta e fatiada por seção
  7. Direção visualCom critério, não adjetivo
  8. Imagens / ativosLogo, mockup, fotos, prints
  9. Lógica dos botõesTexto + ação de cada CTA
  10. Link de destinoURL do checkout já pronta
  11. Regras técnicasHTML único, Netlify-ready, mobile-first
Ponto 7 · Direção visual

Adjetivo não é instrução.
Instrução é específica.

faz premium elegante e moderna, com visual sofisticado e profissional
fundo branco principal; acento em azul-marinho #1a2f5c e dourado discreto #c9a961; tipografia serifada (Playfair) nos títulos, sans-serif (Inter) nos textos; bastante respiro; sem animações além de fade sutil

A IA executa o que você escreve. Escreve vago, executa vago.

Briefing preenchido · Vanna Cabral

Vamos ver o briefing real
do produto-exemplo de hoje.

  • ObjetivoVender curso Procedimento Comum
  • ProdutoR$ 697 à vista ou 12× R$ 67,80
  • PúblicoAdvogados 0–10 anos OAB
  • PromessaDominar procedimento artigo por artigo
  • EstruturaHero → Dor → Verdade → Solução → ...
  • CopyPronta, fatiada por seção
  • VisualAzul-marinho + dourado · Playfair + Inter
  • ImagensFoto da Vanna + mockup do curso
  • Botões"Quero dominar" → checkout · "Ver incluído" → rola
  • Checkout[URL Kiwify]
  • TécnicoHTML único, mobile-first, favicon ⚖️
Briefing completo + copy no Kit da Aluna
Bloco 5 · Do briefing ao prompt

O pipeline que funciona.

01
Briefing
Você · 11 pontos
→
02
Prompt técnico
GPT · organizador
→
03
Revisão
Você · checagem
→
04
HTML
Claude · executor
POR QUE DIVIDIR ENTRE GPT E CLAUDE

GPT é ótimo organizador de informação solta em instrução técnica. Claude é melhor executor. Dividir economiza tokens — e Claude Pro aguenta cerca de 3 HTMLs grandes por sessão.

Revisão do prompt · antes de mandar pro Claude

Cada minuto revisando o prompt
economiza dez ajustando depois.

Prompt mestre · copia e cola no GPT

O prompt que transforma
teu briefing em instrução técnica.

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]
Bloco 6 · Geração ao vivo

Agora manda no Claude.
E observa o que vem.

Quase nunca sai 100% na primeira. É normal. O objetivo é chegar perto e ajustar cirurgicamente.

Quando chegar, confere:

  • Estrutura na ordem pedida?
  • Copy respeitada (ou inventou)?
  • Botões com links corretos?
  • Visual coerente?

Se truncar:

Continue exatamente de onde parou, mantendo a mesma estrutura, estilo e padrão. Não repita o que já foi gerado.

Páginas grandes batem no limite de tokens. Normal. É só pedir continuação.

Ajustes cirúrgicos

Pedido vago = refaz tudo.
Pedido preciso = ajuste cirúrgico.

Troca a cor do botão principal pra #c9a961 com hover #b08d47
Aumenta o espaçamento entre a seção de bônus e a seção de oferta em 40px
O botão "Ver o que está incluído" precisa rolar até a seção de oferta, não abrir link externo
O título da aba está aparecendo como "Landing Page" — troca pra "Procedimento Comum — Vanna Cabral"
Adiciona ⚖️ como favicon inline usando SVG data URI

Regra de ouro: erro pequeno = ajuste cirúrgico. Estrutura inteira errada = volta pro briefing.

Bloco 7 · Do Claude ao arquivo

Tira do Claude. Roda local.
Antes de publicar.

  1. Copia o código gerado pelo Claude (botão de copiar no canto do bloco)
  2. Cola num editor de texto (Notepad, TextEdit, VS Code)
  3. Salva como index.html — extensão .html, não .txt
  4. Duplo clique no arquivo — abre no navegador, página funciona local
Teste mobile · obrigatório

Maioria do tráfego pago cai em celular.
Se quebrar no mobile, você perde vendas.

Como testar

  • F12 no Chrome (DevTools)
  • Clica no ícone de celular
  • Testa em 375px (iPhone padrão)
  • Ou manda o arquivo pro teu celular

O que olhar

  • Texto não cortado
  • Imagem não estourada
  • Botão cabe na tela
  • Hero legível sem zoom
  • Oferta visível rolando rápido
Bloco 8 · Deploy

Publicar é arrastar um arquivo.
Leva 15 segundos.

  1. Acessa app.netlify.com (conta gratuita, cria em 1 min)
  2. Arrasta o arquivo index.html pra área de "Deploy manually"
  3. Netlify processa em ~15 segundos e gera um link
  4. Troca o subdomínio em Site Settings → Domain Management
  5. Testa o link no ar — botões, mobile, oferta
EXISTEM OUTRAS OPÇÕES

WordPress, Hostinger, Vercel — cada um tem seu lugar. Mas pra LP de lançamento, Netlify é imbatível em velocidade.

Bloco 9 · Fechamento

Os 7 erros que mais travam
quem está começando.

  1. Gerar HTML antes do briefing — tentação grande, resultado genérico
  2. Prompt vago cheio de adjetivo — "faz bonito" não é instrução
  3. Não ter copy antes — IA inventa texto que não converte
  4. Não definir lógica dos botões — botão sem destino é decoração
  5. Não testar mobile — maioria do tráfego pago cai em celular
  6. Achar que gerou = está pronto — conferir é obrigatório
  7. Querer site inteiro em vez de LP focada — uma LP bem feita já vende
E depois que publicou?

Publicou é o começo,
não o fim.

PRÓXIMO PASSO 01

Pixel de rastreamento

Meta Pixel + Google Tag. Obrigatório pra quem vai subir tráfego pago.

PRÓXIMO PASSO 02

Distribuição

Link da LP vai pros anúncios, bio, WhatsApp, email. Página parada não vende — e tráfego mal feito queima dinheiro. Esse é outro jogo.

PRÓXIMO PASSO 03

Teste A/B

Quando tiver volume: muda headline, muda cor do CTA, muda ordem. Aprende com dado, não com achismo.

Isso é outra aula. Hoje o objetivo era ter a LP no ar. E você tem.

Prova material · o contraste

O mesmo produto.
O mesmo Claude. Dois resultados.

PROMPT VAGO · "faz bonito"

Página genérica

  • Copy inventada pela IA, sem voz real
  • Depoimentos falsos com nomes aleatórios
  • Botões decorativos sem link
  • Estrutura fora da ordem de persuasão
  • Mobile quebrado, texto cortado
  • Visual template — igual a 1.000 outras
BRIEFING COMPLETO + PROMPT TÉCNICO

Página publicável

  • Copy real, com voz do produto, intocada
  • Depoimentos verdadeiros, com identificação
  • Botões com checkout e rolagem funcionando
  • Sequência de persuasão respeitada
  • Mobile-first, responsivo, testado
  • Identidade visual com hex, fonte e respiro

A diferença não está na IA. Está no que você manda pra ela.

Resumo em uma frase

O segredo não é
saber HTML.
É saber pedir.

Bom briefing + bom prompt = página publicável pra qualquer produto, qualquer nicho, quantas vezes quiser.

Aplicado uma vez por semana, já paga o Claude Pro muitas vezes.

Clube CEO Business

Agora é sua vez.
Publica.

Dúvidas? Traz no grupo. Mostra sua LP quando publicar. Vamos revisar juntas.

Gravação disponível no Clube Materiais no grupo
Copiado!