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.
Uma pergunta pra turma.
"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.
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
Pra fazer comigo ao vivo,
você precisa de 3 coisas.
- Copy da sua página pronta.Copy é outra aula. Se não tiver, assiste e aplica depois.
- Claude Pro ativo.No gratuito você bate no limite na metade. Não tem alternativa.
- Link do checkout em mãos.Kiwify, Hotmart, Stripe — qualquer um funciona.
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.
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.
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ê.
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.
Uma LP de vendas é uma sequência de persuasão,
não um layout aleatório.
O que a IA faz de errado
quando você não avisa.
Tende a apresentar o produto antes de fazer doer a dor. Você precisa explicitar a ordem.
Nomes, fotos, textos — tudo fake. Tem que proibir explicitamente no prompt.
Enfraquece a última chamada. FAQ sempre antes do fechamento.
Se você não falar o que fazer com imagem, ela deixa quadrado cinza.
Precisa limitar no prompt: "animações sutis, sem efeitos decorativos".
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").
✓ Link do checkout em mãos · ✓ Texto de cada botão · ✓ Ação de cada botão (checkout ou rolagem)
O Framework de Briefing.
11 pontos. Se lembrar só disso, já valeu.
- Objetivo da páginaVender, captar lead, levar pro WhatsApp
- Produto / ofertaNome, preço, bônus, garantia
- Público-alvoPra quem fala — muda tom e visual
- Promessa / transformaçãoBenefício central — vira headline
- Estrutura desejadaQuais seções, em qual ordem
- Copy da páginaPronta e fatiada por seção
- Direção visualCom critério, não adjetivo
- Imagens / ativosLogo, mockup, fotos, prints
- Lógica dos botõesTexto + ação de cada CTA
- Link de destinoURL do checkout já pronta
- Regras técnicasHTML único, Netlify-ready, mobile-first
Adjetivo não é instrução.
Instrução é específica.
A IA executa o que você escreve. Escreve vago, executa vago.
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 ⚖️
O pipeline que funciona.
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.
Cada minuto revisando o prompt
economiza dez ajustando depois.
- A copy entrou intacta? (se reescreveu, corrige — copy é sagrada)
- Os links nos botões estão certos? Checkout e rolagem no lugar correto?
- Entraram todas as regras técnicas? HTML único, mobile-first, título da aba, favicon?
- Direção visual ficou com critério ou voltou a ser adjetivo?
- Tem proibições explícitas? "Não inventar depoimentos", "não usar placeholders", "não exagerar animação"
O prompt que transforma
teu briefing em instrução técnica.
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:
Páginas grandes batem no limite de tokens. Normal. É só pedir continuação.
Pedido vago = refaz tudo.
Pedido preciso = ajuste cirúrgico.
Regra de ouro: erro pequeno = ajuste cirúrgico. Estrutura inteira errada = volta pro briefing.
Tira do Claude. Roda local.
Antes de publicar.
- Copia o código gerado pelo Claude (botão de copiar no canto do bloco)
- Cola num editor de texto (Notepad, TextEdit, VS Code)
- Salva como index.html — extensão .html, não .txt
- Duplo clique no arquivo — abre no navegador, página funciona local
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
Publicar é arrastar um arquivo.
Leva 15 segundos.
- Acessa app.netlify.com (conta gratuita, cria em 1 min)
- Arrasta o arquivo index.html pra área de "Deploy manually"
- Netlify processa em ~15 segundos e gera um link
- Troca o subdomínio em Site Settings → Domain Management
- Testa o link no ar — botões, mobile, oferta
WordPress, Hostinger, Vercel — cada um tem seu lugar. Mas pra LP de lançamento, Netlify é imbatível em velocidade.
Os 7 erros que mais travam
quem está começando.
- Gerar HTML antes do briefing — tentação grande, resultado genérico
- Prompt vago cheio de adjetivo — "faz bonito" não é instrução
- Não ter copy antes — IA inventa texto que não converte
- Não definir lógica dos botões — botão sem destino é decoração
- Não testar mobile — maioria do tráfego pago cai em celular
- Achar que gerou = está pronto — conferir é obrigatório
- Querer site inteiro em vez de LP focada — uma LP bem feita já vende
Publicou é o começo,
não o fim.
Pixel de rastreamento
Meta Pixel + Google Tag. Obrigatório pra quem vai subir tráfego pago.
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.
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.
O mesmo produto.
O mesmo Claude. Dois resultados.
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
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.
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.
Publicou? Quero ver 🎉
@victorluporiniQuando sua página subir, me marca no Instagram ou manda o link no direct. Não prometo análise completa, mas adoro ver o que cada uma construiu. Bora acompanhar o resultado.
Agora é sua vez.
Publica.
Dúvidas? Traz no grupo. Mostra sua LP quando publicar. Vamos revisar juntas.