edit_square igindin

Como Eu Crio Landing Pages com IA em Menos de Uma Hora

Um passo a passo prático de como ir do zero até uma landing page publicada usando o Claude Code. O gargalo não é mais a produção.

Ilya Gindin
translate de  · en  · es  · fr  · ru
ler versao ilao dzindin arrow_forward

No mês passado, publiquei 3 landing pages. Tempo total: cerca de 4 horas.

Não 4 horas cada uma. 4 horas no total.

Não estou dizendo isso para me gabar — estou dizendo porque há um ano, esse mesmo resultado teria me levado no mínimo uma semana. E fiquei pensando no que realmente mudou.

O jeito antigo

Você tinha uma ideia. Precisava de uma landing page.

Então ou você contratava alguém (lento, caro, muito vai-e-vem), ou usava uma ferramenta de template (rápido, mas feio, sempre parecia um compromisso), ou construía do zero (ok se você soubesse como, ainda levava dias).

A etapa de produção era o gargalo. Mesmo que você soubesse exatamente o que queria dizer, colocar isso em uma tela que ficasse boa e funcionasse no mobile era um trabalho completamente separado.

A maioria das ideias nunca ganhou uma página. A fricção era alta demais.

O que mudou

Uso o Claude Code agora para quase tudo isso. Não um construtor de landing page. Não um template. Eu descrevo o que quero em linguagem natural e itero a partir daí.

Esse é o processo real.

Passo um: fique claro sobre a mensagem antes de abrir qualquer ferramenta.

Essa é a parte que as pessoas pulam. O que esse produto faz, para quem, e por que elas deveriam se importar agora. Não uma declaração de missão. Uma frase que uma pessoa cansada à meia-noite entenderia.

Para o MeetCal foi: “Pare de copiar sua disponibilidade nos e-mails. Compartilhe um link.” É isso. Uma vez que eu tinha isso, a página quase se escreveu sozinha.

Passo dois: descreva a página para o Claude.

Abro o Claude Code e descrevo o que quero — as seções, o tom, o público, ideias específicas de copy que já tenho. Cole a mensagem de uma frase. Menciono qual framework estou usando (Astro, na maioria das vezes) e qual sensação deve ter.

Não peço que ele “crie uma landing page para meu produto.” Conto a história real. O que o produto faz. Para quem é. Quais objeções eles terão. O que eu quero que eles façam.

Passo três: itere no copy, não só no design.

O Claude gera algo. Geralmente é estruturalmente sólido e visualmente razoável. A parte de design costuma estar ok.

O copy é onde o trabalho acontece. A IA vira para o genérico. “Solução poderosa para times modernos.” “Otimize seu fluxo de trabalho.” Nada disso significa nada.

Reescrevo os títulos. Troco palavras por outras mais específicas. Corto tudo que soa como press release.

Esse loop de iteração — regenerar uma seção, corrigir o copy, checar no mobile — leva talvez 20-30 minutos por página depois que você sabe o que está fazendo.

Passo quatro: faça o deploy.

Push para o GitHub, o Vercel pega automaticamente. Pronto.

O que a IA erra (consistentemente)

O copy é quase sempre seguro demais.

O Claude sabe como landing pages deveriam soar, então escreve um copy que soa como landing page. Focado em benefícios, vagamente otimista, estruturado nos lugares certos. Nada disso está errado exatamente. É só… genérico.

A coisa específica que faz seu produto diferente — isso não vem do modelo. Vem de você conhecer a coisa profundamente o suficiente para dizer algo verdadeiro sobre ela.

Para o ShipPad, o insight era que builders precisam de um lugar para registrar o que enviaram, não mais um gerenciador de tarefas. Esse enquadramento não veio da IA. A IA me ajudou a construir a página depois que eu tinha o enquadramento.

Essa é a parte que as pessoas entendem ao contrário. Acham que a IA vai descobrir a mensagem. Não vai. Ela vai vestir bem qualquer mensagem que você der, e vai fazer isso bem. Mas você ainda precisa aparecer com a mensagem.

O insight real

A restrição mudou.

Antes era: consigo construir isso. Agora é: eu sei o que dizer.

Produção é praticamente gratuita agora se você está disposto a iterar com as ferramentas. Uma hora de trabalho focado com o Claude Code te dá algo real que você pode colocar na frente de pessoas.

Mas essa hora é inútil se você não fez o pensamento primeiro. Para quem é isso. Qual problema realmente resolve. Por que agora. Por que você.

Esse pensamento ainda leva o tempo que leva. A IA não comprime isso. Significa apenas que quando você terminar de pensar, a página pode existir no mesmo dia.

Páginas construídas desse jeito

Algumas coisas que publiquei usando esse processo:

  • MeetCal — uma ferramenta de link de agendamento. Mensagem: pare de explicar sua disponibilidade nos e-mails.
  • ShipPad — um log de envios para builders. Mensagem: documente o que você constrói, não só o que planeja construir.
  • Uma landing page para a prática de consultoria de um amigo — entregue em uma tarde.

Nenhuma delas levou mais de 90 minutos de trabalho real depois que a mensagem estava clara.

As ferramentas são boas o suficiente. Elas já foram boas o suficiente por um tempo.

A questão é se você sabe o que está tentando dizer. Isso ainda é com você.

← arrow keys or swipe →