Landing page com o Claude: a página da sua marca em uma conversa

Dá para montar a página de venda da sua marca inteira dentro do Claude: o texto, o design e as imagens, na mesma conversa. O caminho tem cinco passos: escolher a única ação da página, dar ao Claude uma pasta com o material da marca, aprovar o mapa das seções, ajustar a página pronta e colocar no ar no seu domínio.

O que separa uma página genérica de uma página com a sua cara é o material que você entrega. Com logo, cores, fotos e oferta reais na mão, o Claude para de inventar e passa a montar a partir do que é seu.

O que é uma landing page?

Landing page é uma página com um objetivo só. A pessoa chega por um link (da bio, de um anúncio, de um e-mail) e a página inteira existe para levar essa pessoa a fazer uma coisa: marcar uma conversa, entrar numa lista de espera, baixar um material ou comprar. Por isso ela costuma ter menos menu, menos distração e um botão que se repete.

Serve para a sua página de serviço, para o portfólio, para o lançamento da próxima oferta ou para a página que vai no link da bio.

Passo 1: qual é a única ação da página?

Antes de abrir o Claude, decida o que a pessoa faz quando chega. Uma ação só. Marcar uma conversa e comprar ao mesmo tempo deixa a página dividida, e página dividida converte menos. Escolhida a ação, todo o resto (título, seções, depoimentos, perguntas frequentes) passa a trabalhar para ela.

Passo 2: monte a pasta da sua marca

Abra o Cowork, o modo do Claude que trabalha com os arquivos do seu computador, e crie uma pasta só para a página. Coloque nela tudo que você quer que apareça:

• → logo, cores (com o código, se você tiver) e o nome das fontes;
• → a sua bio, em texto;
• → a oferta: o que é, para quem é, preço, o que está incluso;
• → depoimentos reais, com nome e autorização;
• → as suas fotos;
• → dois ou três prints de páginas que você acha bonitas, com uma linha dizendo o que gostou em cada uma (a fonte, o espaço em branco, o jeito das fotos).

Se você ainda não tem as cores e as fontes definidas, faça isso antes: o guia de identidade visual com o Claude resolve em uma conversa. E para as referências não deixarem a página com cara de IA, os 5 sites de referência para o seu design ajudam a achar boas páginas.

Quero criar a landing page da minha marca. Tudo que você precisa
está na pasta que eu abri: logo, cores, fontes, bio, oferta,
depoimentos, fotos e prints de páginas que eu gosto (com o que
eu gostei em cada uma).

A única ação da página é: [marcar uma conversa / entrar na lista
de espera / comprar].

Leia todos os arquivos da pasta antes de começar. Use só as
informações que estão lá: não invente número, depoimento nem
promessa.

Antes de qualquer coisa, me faça todas as perguntas que precisar,
de uma vez só e numeradas, para eu responder todas juntas.

Passo 3: peça o mapa da página antes de construir

Esse é o passo que mais economiza retrabalho. Em vez de deixar o Claude sair montando, peça primeiro as seções, na ordem, e para que serve cada uma. Você lê, corta o que não serve, troca a ordem e só depois libera a construção. Mudar uma lista de seções leva segundos; mudar uma página pronta leva muito mais.

Antes de construir, me mostre o mapa da página: as seções na
ordem, e para cada uma, o objetivo dela e o que vai aparecer
(título, texto, imagem, botão).

Confira se, só com essas seções, uma pessoa que nunca ouviu falar
de mim entende o que eu faço, para quem é e por que me escolher.

Não construa nada ainda. Espere eu aprovar o mapa.

Um mapa comum tem: título com a promessa, para quem é, o que está incluso, quem é você, depoimentos, perguntas frequentes e o botão da ação repetido no fim.

Passo 4: monte, revise e gere as imagens que faltam

Com o mapa aprovado, peça a página. O Claude monta puxando o que está na pasta: o seu logo, as suas cores, as suas fotos e o texto da sua oferta. Abra, leia como se fosse a pessoa chegando pela primeira vez e diga exatamente o que mudar. Continue sempre na mesma conversa, porque é ali que ele guarda tudo que você já decidiu.

Faltou imagem? Pergunte ao Claude quais imagens a página ainda precisa e onde cada uma entra. Para gerar, ligue um conector de geração de imagem (um MCP) nos conectores do Claude: aí ele cria as imagens ali mesmo e coloca na página as que você aprovar. Para foto sua, use foto real. Imagem gerada funciona melhor em fundo, ilustração e detalhe.

Agora revise a página inteira como se fosse uma pessoa abrindo
pelo celular pela primeira vez e me entregue uma lista do que
corrigir:

1. Como ela fica no celular: texto, fotos e botões
2. Se todos os botões levam para a ação certa
3. Se o formulário funciona e para onde vão as respostas
4. Quais imagens ainda faltam e onde cada uma entra
5. Qualquer frase que prometa algo que não está nos meus arquivos

Corrija o que der e me diga o que depende de mim.

Passo 5: como colocar a página no ar?

Peça ao Claude a página final em arquivo, com as imagens juntas numa pasta. A partir daí você tem dois caminhos:

• → Hospedagem gratuita de página pronta, como Netlify ou Cloudflare Pages: você sobe a pasta, recebe um link e depois aponta o seu domínio (seunome.com.br) para ele. O próprio Claude te guia nas configurações, tela a tela.
• → Construtor de sites, como Webflow ou Framer: aí a página do Claude vira o modelo, e você remonta lá com o texto, a estrutura e as imagens já decididos.

A página está aprovada. Me entregue a versão final em um arquivo
HTML, com as imagens numa pasta junto, pronta para publicar.

Depois me explique, passo a passo e sem termo técnico, como colocar
no ar no [Netlify / Cloudflare Pages] e como ligar o meu domínio
[seunome.com.br]. Me diga em que tela clicar em cada etapa.

Por que fazer tudo na mesma conversa?

Porque a página fica coerente. O Claude que escreveu o título é o mesmo que escolheu a foto e montou o botão, com a sua oferta e as suas regras na memória da conversa. E o processo fica pronto para reusar: mudou a oferta, mudou a foto, mudou a marca, você abre a pasta, troca os arquivos e pede a página nova.

Se você quer que o Claude monte a página sempre do mesmo jeito, transforme esse processo numa skill: o passo a passo de como criar uma skill no Claude mostra como, sem programar. Se você está começando, o guia completo do Claude é o melhor ponto de partida, e tem mais guias como esse na Biblioteca.