Como criar um site profissional com o novo ChatGPT passo a passo

Criar um site completo com o ChatGPT ficou muito mais simples do que era há alguns meses, e neste tutorial você vai fazer isso do zero, em quatro passos, até o site estar publicado e funcionando no seu domínio.

Antes de continuar, quero te avisar de uma coisa que muda todo o resultado. A maioria das pessoas abre o ChatGPT, digita “cria um site pra mim” e recebe uma página genérica, com cores aleatórias e textos que não têm nada a ver com o negócio. Isso acontece porque a IA recebeu pouca informação e precisou adivinhar o resto. Quando você entrega o material certo na mão dela, o site já sai na primeira tentativa com a cara da sua marca e com os textos falando com o seu cliente.

É exatamente isso que o mapa abaixo organiza. No primeiro passo você separa o visual do site, que é o banner, a sua foto de apresentação e a paleta de cores da marca. No segundo passo você usa dois blocos prontos que deixei liberados para copiar: a copy, que são todos os textos do site, e o prompt, que é o comando técnico que manda o ChatGPT construir a página inteira.

E aqui está o pulo do gato do tutorial. A copy que eu montei é de um site de médico, mas você não precisa ser da área da saúde para usar ela. Basta colar essa copy no ChatGPT e pedir para ele adaptar tudo para o seu nicho, trocando o exemplo do médico pelo tipo de cliente que você atende. Ele devolve os textos reescritos e você só substitui a copy antiga pela nova dentro do prompt. Serve para advogado, dentista, arquiteta, personal, loja, prestador de serviço, qualquer negócio.

Depois disso vêm os dois últimos passos, que são os que separam um teste bonitinho de um site de verdade. No terceiro você pede os ajustes de segurança e de SEO, que é o que faz o Google encontrar a sua página e o que protege o formulário de contato. E no quarto você contrata a hospedagem, sobe os arquivos e coloca o site no ar.

Clique em cada passo do mapa para abrir o conteúdo, e vá acompanhando junto com o vídeo. Os campos de copy e de prompt têm um botão para copiar tudo de uma vez, então você não precisa selecionar nada com o mouse.

Seguindo esses quatro passos você sai daqui com um site institucional completo, responsivo no celular, com botão de WhatsApp funcionando e publicado em um domínio próprio. E o melhor: sem escrever uma linha de código sozinha e sem depender de ninguém para mexer nele depois.

Se em algum momento o resultado sair diferente do que você esperava, respira e não joga tudo fora. Volte no ChatGPT e peça a correção descrevendo o que ficou errado, uma coisa de cada vez. Peça primeiro para ajustar a cor da seção, veja o resultado, depois peça para aumentar o espaçamento, e assim por diante. Quando você pede cinco mudanças de uma vez, a IA costuma acertar duas e bagunçar as outras três. Um pedido por vez é mais lento no papel e muito mais rápido na prática.

Para o site sair do seu computador e ficar disponível para o mundo, você vai precisar de hospedagem e de domínio, que é o endereço que as pessoas digitam no navegador. Eu uso e recomendo a Hostinger nos meus projetos e nos dos meus alunos, porque o painel é simples de usar, o suporte responde em português e o custo cabe em qualquer início de projeto. Deixei um link com desconto especial para quem acompanha o canal, e o desconto já vem aplicado quando você clica:

👉 Contratar a Hostinger com desconto

E se você chegou até aqui pensando em fazer isso não só para você, mas para vender site para outras pessoas, saiba que esse caminho é totalmente possível. Muita gente que acompanha o canal começou criando o próprio site, gostou do processo e hoje atende clientes cobrando por isso. No Kit Web Designer eu reuni os materiais que uso no meu dia a dia para acelerar esse tipo de projeto.

Se este tutorial te ajudou, se inscreve no canal e deixa um comentário me contando qual nicho você escolheu para adaptar a copy. Eu leio todos e as suas dúvidas viram tema de vídeo por aqui.