Construí uma landing page (LP) para um novo produto que estou gerenciando usando "apenas Claude Code" e, no terceiro mês após o lançamento, as vendas mensais ultrapassaram 10 milhões de ienes. Sem terceirização para designers, sem custos de desenvolvimento, sem pedidos a empresas de produção de LP. Tudo o que usei foi o Claude Code e meu "tempo gasto escrevendo prompts".
Aqui está o detalhamento dos números:
- Preço do produto: 98.000 JPY (curso online, compra única)
- Conversões mensais: aprox. 105
- Vendas mensais: aprox. 10,3 milhões de JPY
- CVR (Taxa de Conversão) via LP: aprox. 1,8% sobre o tráfego de anúncios
- Custo real de produção da LP: alguns milhares de ienes por mês com as taxas do Claude Code + domínio/servidor
Em um mundo onde dizem que "contratar uma empresa de produção de LP custa de 300.000 a 1.000.000 de ienes", o custo de produção foi quase zero. Além disso, como o Claude Code cuida de todas as melhorias pós-lançamento (testes AB, edições de copy, substituição de seções), a velocidade de melhoria é incomparável à era da terceirização. Neste artigo, vou revelar todo o processo junto com os prompts reais que usei.
O que você vai aprender neste artigo
- O fluxo completo de criação de uma LP com Claude Code (Requisitos → Copy → Implementação → Medição → Melhoria)
- O texto completo dos prompts realmente usados em cada etapa
- O que levei em consideração na estrutura da LP para alcançar uma CVR de 1,8%
- Como deixar o Claude Code cuidar dos testes AB e das melhorias pós-lançamento
- Pontos em que travei e como evitá-los
Por que decidi construir com "apenas Claude Code"
No passado, terceirizei a produção de LP três vezes, com custos entre 350.000 e 800.000 ienes por página. Embora não estivesse insatisfeito com o produto final, problemas estruturais ficaram evidentes quando a operação começou:
- Revisões lentas e caras: até mudanças pequenas, como corrigir uma copy ou mover uma seção, custam tempo e dinheiro. Velocidade é impossível quando todo teste AB exige um orçamento.
- Copy, design e implementação fragmentados: quando o redator, o designer e o programador são pessoas diferentes, a consistência se perde na brincadeira do telefone sem fio.
- Ninguém para corrigir com base em dados: empresas de produção são profissionais em "fazer", não necessariamente em "vender". Elas nem sempre sabem transformar dados do GA4 em hipóteses e correções.
O Claude Code é um agente de codificação de IA baseado em terminal. Ele não apenas escreve código; gerencia estruturas de arquivos, faz preview de HTML/CSS/JS, cuida da escrita de copy e até implementa melhorias com base em dados do GA4 ou heatmaps. Essa integração foi o fator decisivo.
Produto e pré-requisitos
- Produto: curso online de habilidades B2B (98.000 JPY)
- Tráfego: Meta Ads (Instagram/Facebook) + Listagem de busca. Gasto mensal com anúncios: aprox. 1,8M JPY
- Fluxo de vendas: Anúncio → LP → Pagamento (Stripe). Vendas diretas simples.
- Minha habilidade: sei ler HTML/CSS, mas não escrevo de forma bonita. Quase não uso ferramentas de design.
- Ferramentas: Claude Code, GitHub, Cloudflare Pages, GA4, Microsoft Clarity.
O ponto crucial é: eu mal escrevo código. O Claude Code atua como o tradutor entre o "diretor" e o "executor".
O fluxo em 5 etapas
- Requisitos: faça o Claude Code "entrevistar" você sobre o produto e os clientes.
- Estrutura e copy: crie o layout das seções e a copy completa.
- Design e implementação: implemente com HTML/CSS e refine por meio de preview.
- Medição e implantação: configure GA4/Clarity e coloque no ar.
- Loop de melhoria: alimente a IA com dados para testes AB.
ETAPA 1: Requisitos — O prompt da "entrevista"
Não basta dizer "faça uma LP". A IA precisa de informações específicas para evitar resultados genéricos. Usei um prompt para fazer o Claude Code me entrevistar, fazendo perguntas específicas sobre público-alvo, dores e justificativa de preço. Forneci dados brutos de pesquisas com clientes e logs do Slack. Isso resultou em um arquivo estruturado requirements.md.
ETAPA 2: Estrutura e copy
Fiz o Claude Code criar uma estrutura de seções com base nos requisitos, focando em neutralizar as dores em vez de apenas seguir um template como o PASONA. Para a copy, não escrevi tudo de uma vez. Pedi 10 opções por seção para escolher a melhor direção. Também proibi rigorosamente a IA de inventar depoimentos falsos ou usar alegações exageradas e ilegais.
ETAPA 3: Design e implementação
Usei o Claude Code para implementar um site mobile-first e de alto desempenho usando HTML/CSS/JS estáticos. Ao fazer com que ele construísse apenas a "First View" primeiro, pude alinhar o tom do design antes de expandir para a página inteira. Usei "comandos verbais" para ajustar margens, tamanhos de botões e layouts em tempo real. Para inspiração de design, alimentei-o com capturas de tela de LPs que gostei e pedi que traduzisse os "pontos fortes" delas para o meu projeto.
ETAPA 4: Medição e implantação
Fiz o Claude Code implementar o GA4 e o Microsoft Clarity, rastreando especificamente eventos de "leitura por seção" para ver exatamente onde os leitores desistiam. A implantação foi feita via Cloudflare Pages e GitHub, tudo guiado pela IA.
ETAPA 5: Loop de melhoria
Começando com uma CVR de 0,9%, alimentei o Claude Code com dados CSV do GA4 e capturas de tela do Clarity. Ele propôs três grandes correções: reorganizar a seção de preço, transformar o FAQ em uma seção de "tratamento de objeções" e realizar testes AB na copy do hero. Essas mudanças elevaram a CVR para 1,8%, batendo a marca de 10M JPY em vendas. Essas iterações aconteceram em horas, não em semanas.
Resumo: 3 princípios para o design de prompts
- Papel + Arquivo de contexto + Formato de saída: dê a ele um papel específico e refira-se a arquivos como
requirements.md. - Não construa tudo de uma vez: defina marcos para aprovação (Entrevista → Estrutura → Copy → Implementação).
- Proibições e o direito de discordar: diga à IA para proibir dados falsos e argumentar se uma mudança puder reduzir a CVR.
O Claude Code transformou a produção de LP de "comprar tempo com dinheiro" para "comprar tempo com prompts".
