Landing page com Claude em 7 prompts · Guia rápido · Não Codei
guia · vídeo #20 · não codei
Uma landing page em 7 prompts
Aqui estão os 7 prompts do vídeo, um por seção, prontos pra copiar. Troque o que está entre colchetes pelo seu negócio e cole no Claude, um de cada vez.
antes de começar
Responda estas 6 perguntas
Todos os prompts abaixo usam estas seis informações. Escreva as suas respostas num papel antes de abrir o Claude. É o passo que mais muda o resultado, e é o que quase todo mundo pula.
[NEGÓCIO]O nome. Exemplo do vídeo: Studio Movimento.
[O QUE FAZ]Em uma frase, sem enfeite. Ensina pilates em turmas pequenas.
[PÚBLICO]Pra quem é, com o máximo de detalhe. Pessoas de 35 a 60 anos que não se adaptam a academia.
[DOR]O problema real, em cena concreta. Acorda com a lombar travada e já desistiu da academia duas vezes.
[AÇÃO]O que a pessoa faz no fim, na palavra do botão. Agendar aula experimental.
[VISUAL]Cores e sensação. Verde-oliva e areia, acolhedor e profissional.
como fica preenchido
negócio
Studio Movimento, estúdio de pilates de bairro
público
Pessoas de 35 a 60 anos com dor nas costas
dor
Acordar travado, medo de piorar a lesão fazendo exercício errado
ação
Agendar aula experimental
o mapa
Cada seção responde uma pergunta
A ordem não é decoração. Cada seção responde uma pergunta que a pessoa faz em silêncio enquanto desce a página, e a próxima só faz sentido depois da anterior.
01
Hero
"Isso é pra mim? E o que eu faço agora?"
02
Problema e solução
"Vocês entendem o problema que eu tenho?"
03
Diferenciais e benefícios
"Na prática, o que muda pra mim?"
04
Como funciona
"Como começa? Vai ser complicado?"
05
Prova social
"Alguém parecido comigo já tentou?"
06
Planos e preços
"Quanto custa e qual é o meu?"
07
CTA final e rodapé
"Li tudo, gostei. E agora?"
os 7 prompts
Copie, troque os colchetes e cole um por vez
Envie um prompt, espere o Claude terminar, olhe o resultado e só então mande o próximo. Nunca junte dois numa mensagem só. É essa pausa entre eles que te dá controle sobre a página.
prompt 01 · heroprende a atenção e entrega o resultado
Crie um arquivo index.html e construa nele a seção hero de uma landing page para [NEGÓCIO], que [O QUE FAZ] para [PÚBLICO]. O hero precisa de um título forte que comunique o benefício central, um subtítulo que esclareça o que o negócio faz e um único botão de ação escrito "[AÇÃO]". Use [VISUAL], com tipografia grande e respirada. Construa apenas o hero, nada mais.
por quêUm botão só. Dar muita opção logo no topo derruba a conversão. E o hero define a identidade visual, então acertar aqui deixa todas as próximas seções coerentes.
prompt 02 · problema e soluçãoprova que você entende a dor
Adicione uma seção de problema e solução abaixo do hero. O problema deve descrever [DOR], com cenas concretas do dia a dia de quem passa por isso. A solução deve posicionar [NEGÓCIO] como a resposta direta a essa dor. Texto curto e escrito para [PÚBLICO]. Construa apenas esta seção, nada mais.
por quêDor com nome e sobrenome prova que a página foi escrita para um público específico. "Melhore sua qualidade de vida" não acerta ninguém.
prompt 03 · diferenciaiscada diferencial colado num benefício
Adicione uma seção de diferenciais e benefícios abaixo da anterior, com quatro cards. Em cada card, um diferencial de [NEGÓCIO] colado no ganho que ele gera pro cliente: 1) [DIFERENCIAL 1], com o benefício de [GANHO 1]. 2) [DIFERENCIAL 2], com o benefício de [GANHO 2]. 3) [DIFERENCIAL 3], com o benefício de [GANHO 3]. 4) [DIFERENCIAL 4], com o benefício de [GANHO 4]. Use ícones e no máximo duas frases por card.
por quê"Turmas de até 5 alunos" é só um número. "O professor corrige sua postura a aula inteira" é concreto. O ganho vende, o diferencial sozinho não.
prompt 04 · como funcionatira o medo de que vai ser complicado
Adicione uma seção "Como funciona" abaixo dos diferenciais, com três passos. Passo 1: [PASSO 1]. Passo 2: [PASSO 2]. Passo 3: [PASSO 3]. Escreva de um jeito simples e possível para [PÚBLICO], deixando claro que começar é rápido.
por quêMuita gente não desiste pelo preço, desiste por imaginar que vai dar trabalho. Três passos curtos derrubam essa objeção antes que ela vire desculpa.
prompt 05 · prova sociala página para de falar de si mesma
Adicione uma seção de depoimentos abaixo do "Como funciona", com três relatos detalhados de clientes. Mostre [nome e idade e ocupação, ou nome e cargo e empresa] em cada um. Use três perfis diferentes dentro de [PÚBLICO]. Cada depoimento deve citar um resultado concreto e um prazo, não um elogio genérico.
por quê"Adorei" não convence ninguém. "Parei de acordar travada em seis semanas" convence. No projeto real, use depoimentos de clientes de verdade, o que a IA gera aqui é só o formato.
prompt 06 · planos e preçosfácil de comparar em cinco segundos
Adicione uma seção de planos abaixo dos depoimentos, com três opções lado a lado: [PLANO 1] por [PREÇO 1], [PLANO 2] por [PREÇO 2] e [PLANO 3] com o botão "Fale com a gente". Descreva bem o que cada plano inclui, destaque visualmente o plano do meio e coloque o aviso "[sem fidelidade, ou sem cartão de crédito]" nos dois primeiros.
por quêSe a pessoa gasta mais tempo decifrando o plano do que decidindo, você perdeu. O plano destacado vira a primeira opção que o olho encontra, e o aviso de risco baixo tira o peso da decisão.
prompt 07 · cta final e rodapéa última chance de agir
Adicione uma chamada final no fim da página, com um título de fechamento que reforce o benefício central de [NEGÓCIO], uma frase curta de apoio e um botão destacado "[AÇÃO]". Abaixo, um rodapé limpo com links de navegação, a logo à esquerda, ícones de redes sociais à direita e, na base, [endereço, telefone com WhatsApp e horário de funcionamento, se o negócio for físico], aviso de copyright e link de política de privacidade. Não introduza nenhuma informação nova.
por quêTem gente que rola a página inteira sem clicar. Esse botão é pra ela. E em negócio de bairro o rodapé é funcional: endereço e telefone são a informação mais procurada antes de alguém agendar.
bônus
O oitavo prompt: a revisão
Esse não estava no vídeo, mas é o que separa uma página boa de uma página publicável. Mande depois que as sete seções estiverem prontas.
prompt 08 · revisão finalo Claude auditando a própria página
Leia a página inteira e me responda três coisas. Primeiro: alguma seção repete informação que já apareceu antes? Segundo: o texto do botão está exatamente igual em todos os lugares onde ele aparece? Terceiro: falta alguma informação que [PÚBLICO] procuraria antes de [AÇÃO]? Me diga o que mudar antes de mudar qualquer coisa.
por quêConstruindo por partes, é fácil repetir informação sem perceber. E pedir o diagnóstico antes da correção te deixa decidir o que aceitar.
regras de ouro
Quatro regras que valem pra qualquer página
regra 01
Resista ao prompt único
Quebrar em seções dá controle. Cada parte tem um trabalho e pode ser refinada sem afetar as outras.
regra 02
Descreva o público
Quanto mais claro pra quem você escreve, mais afiado o texto sai. Essa mudança sozinha já muda o resultado.
regra 03
A ordem importa
Cada seção responde uma pergunta diferente. É isso que faz o caminho até o botão parecer natural.
regra 04
Nada enche espaço
Se uma seção não tem função clara, ela sai. Página coesa é o oposto de blocos bonitos sem ligação.
o que vigiar
Quatro cuidados rápidos
!Não mande dois prompts juntos. Se o Claude tentar fazer duas seções de uma vez, ele escolhe mal o que priorizar.
!Termine o prompt 01 com "apenas o hero". Sem essa frase, ele inventa a página inteira na primeira mensagem.
!Depoimento inventado não vai pro ar. A IA gera o formato. O texto tem que vir de cliente de verdade.
!Peça pra abrir no navegador. Diga "abra essa página no navegador pra eu ver" e olhe também no celular.
depois de publicar
Três coisas pra testar
A página no ar é a primeira versão, não a final. Mude uma coisa de cada vez e observe.
teste 01O título do hero. É a primeira frase e a que decide se a pessoa fica.
teste 02O texto do botão. Trocar duas palavras já muda quanta gente clica.
teste 03A apresentação dos planos. Qual destacar e como descrever cada um.o que mais rende