O resultado que você vai buscar
Uma página de apresentação reúne três coisas: o que você faz, para quem o serviço serve e como entrar em contato. Ela pode ser útil para um profissional que hoje precisa explicar tudo de novo em cada conversa.
Neste exemplo editorial, a página terá apresentação, três serviços, perguntas frequentes e um link de e-mail. Você fornecerá as informações do negócio. Não haverá formulário que armazena contatos, área de clientes ou pagamento. Isso mantém a primeira versão pequena o bastante para você revisar.
Prepare as informações e a pasta
Separe nome do negócio, público, descrição dos serviços, perguntas comuns e e-mail de contato. Se ainda não decidiu algum item, marque-o como pendente. Não use uma informação inventada só para preencher a página.
Você precisa ter o Claude Code configurado; a instalação e o acesso estão na documentação oficial. Crie uma pasta vazia chamada pagina-servico e abra o Claude Code nela. A pasta vai guardar a página que será criada. O pedido abaixo contém o contexto necessário, sem arquivos extras para baixar.
Peça a primeira versão
Copie o pedido e substitua os trechos entre colchetes pelas suas informações:
Crie uma página para apresentar [nome do negócio] a [público]. O serviço principal é [descrição]. Inclua uma apresentação curta, estes três serviços: [lista], estas perguntas e respostas: [textos], e um botão “Entrar em contato” que abra um e-mail para [endereço].
Faça uma página simples em um arquivo index.html, com o estilo no próprio arquivo, que eu possa abrir diretamente no navegador. Use português do Brasil. O texto deve ser legível no celular. Não invente informações sobre o negócio. Se faltar algum dado, pergunte antes. Ao terminar, explique como abrir e conferir a página.
Quando a ferramenta terminar, localize index.html na pasta e abra-o no navegador. Esse arquivo contém a página; você não precisa copiar o código para outro artigo nem baixar um kit.
Revise como se fosse um interessado
- Leia o início: alguém que não conhece você entende o serviço e para quem ele serve?
- Confira os fatos: nome, serviços e respostas correspondem ao que você realmente oferece?
- Teste o contato: o botão tenta abrir uma mensagem para o e-mail correto? Esse tipo de link depende de um aplicativo de e-mail configurado; mantenha também o endereço visível para copiar.
- Diminua a janela: o texto continua legível sem precisar arrastar a página para os lados?
- Use o teclado: a tecla Tab chega ao contato e Enter aciona o link?
Se o título ficar cortado, peça uma correção específica: “Com a janela estreita, o título sai da tela. Faça o texto quebrar em linhas, preservando as palavras e o restante da página”. Reabra o arquivo e confira.
O que falta para colocar no ar
Abrir o arquivo no seu computador permite revisar a página, mas ainda não cria um endereço público. Para publicá-la, é preciso enviar o arquivo a uma hospedagem que aceite páginas estáticas. As instruções de envio e domínio dependem do serviço que você usa.
Se já tem hospedagem, publique primeiro em um endereço de teste e guarde uma cópia da versão anterior. Abra o endereço publicado no celular e repita a revisão. Confirme que o arquivo inicial é o index.html e que os dados de contato estão corretos.
Quando considerar a primeira versão pronta
A primeira versão cumpre o objetivo quando explica seu serviço com informações verdadeiras e permite que um interessado encontre o contato. Mostre a página a alguém e peça que diga, com as próprias palavras, o que você oferece.
Se a pessoa não entender, melhore a explicação antes de acrescentar recursos. Ter uma página publicada também não garante visitas ou pedidos: a divulgação é um trabalho posterior. Primeiro, tenha uma apresentação que você consegue compartilhar com confiança.
Documentação oficial
Fontes consultadas em 9 de setembro de 2026. Os exemplos e critérios de revisão deste artigo são sugestões editoriais da WebVIP.
