Como criar um site, em resumo: decida o que o visitante deve fazer depois de ler (ligar, agendar, comprar, visitar a loja), planeje de três a seis páginas, escreva os textos antes de abrir qualquer ferramenta e escolha um dos três caminhos: escrever o código, usar um criador de sites ou descrever o site para uma IA. Depois disso vêm o domínio, a publicação e um teste no celular. A seguir, cada etapa com um exemplo concreto de uma cafeteria.
Planeje as páginas e os textos primeiro
Um site é, antes de tudo, texto e foto. A ferramenta importa bem menos do que o que você coloca nela. Para a cafeteria, o objetivo é simples: fazer a pessoa visitar a loja ou encomendar um bolo. As páginas ficam assim:
- Início: uma frase sobre o que você faz e onde, uma foto boa e a ação principal.
- Cardápio ou serviços: a lista com preços. É a página mais procurada.
- Sobre: quem está por trás, em um parágrafo curto.
- Contato: endereço, mapa, horários, WhatsApp e um formulário simples.
- Política de privacidade, se o site coletar dados pessoais. Pela LGPD, explique o que você faz com eles.
Escreva tudo num documento antes. É bem mais fácil colar texto pronto num site do que escrever brigando com o layout. Junte também de cinco a dez fotos boas. Foto de celular com luz natural resolve.
Os três caminhos para criar um site
- Programar com HTML, CSS e um pouco de JavaScript: custa pouco em dinheiro e muito em tempo. Faz sentido se você quer aprender a desenvolver.
- Criadores de sites, como Wix: você escolhe um modelo e troca textos e fotos num editor visual. É rápido para sites simples, mas você trabalha dentro do editor de uma empresa e não leva o código se sair.
- IA: você descreve o site em português e a IA escreve o código. No VibeDream o resultado é código real em React com backend em FastAPI, que você lê na aba Code, baixa em ZIP ou sincroniza com o GitHub.
O guia em inglês how to build a website compara os três caminhos em detalhe.
Como criar um site com IA, passo a passo
No VibeDream, clique em New Project, escolha Direct Prompt e cole a descrição, ou fale pelo microfone. Também dá para anexar o print de um site de que você gosta. A interface ainda está em inglês, mas o chat entende português:
Crie o site da Café do Largo, uma cafeteria em Florianópolis.
Páginas: Início (foto do balcão, a frase “Café especial e bolo caseiro no Largo da Alfândega” e o botão “Como chegar”), Cardápio (cafés, bolos e salgados com preço), Sobre (a história da família em um parágrafo) e Contato (endereço, mapa, horários de segunda a sábado das 7h às 19h e botão de WhatsApp).
Adicione uma página Encomendas com formulário: nome, WhatsApp, tipo de bolo, data de retirada.
Visual: aconchegante, tons de marrom e creme, letras grandes, pensado primeiro para celular.
Todos os textos em português do Brasil.
A prévia aparece ao lado do chat e vai se montando. Depois você ajusta conversando, um pedido por vez: “deixe o cabeçalho mais escuro”, “coloque os horários no topo da página de Contato”, “mostre o cardápio em duas colunas no computador”. Alterne entre a visão de computador e de celular para conferir as duas.
Se preferir começar com algo pronto, o template Aesthetic Landing Page já vem com início, preços, sobre, contato, privacidade e termos.
Domínio, publicação e HTTPS
No VibeDream, clique em Put it online, escolha um nome e em cerca de 1 a 3 minutos o site fica no ar num endereço como cafedolargo.vibedreams.ai, já com HTTPS. Cada publicação custa 5 créditos e a hospedagem está incluída. O site publicado só muda quando você clica em Update it.
Para usar um domínio seu, crie um registro TXT e um CNAME no provedor onde comprou o domínio, e o HTTPS é emitido automaticamente. Um detalhe: domínios sem o www, como cafedolargo.com.br, ainda não são suportados direto. Ligue o www.cafedolargo.com.br e configure no seu provedor o redirecionamento do domínio sem www. O guia de publicação, em inglês, mostra cada passo.
Quanto custa criar um site
Programar do zero custa pouco em dinheiro: o domínio e uma hospedagem simples. Criadores de sites cobram uma mensalidade que varia conforme o plano. No VibeDream os planos começam no All Access Mini, por 49 dólares por mês com 60 créditos e até 3 projetos ativos, com hospedagem incluída. Os créditos são gastos por mensagem, então pedidos curtos e claros rendem mais. Os detalhes estão na página de preços.
Checklist antes de divulgar o site
- Abra todas as páginas no seu celular, não só na prévia do computador.
- Mande uma mensagem de teste pelo formulário e confira se ela chegou.
- Confira endereço, telefone e horários com o que está no seu perfil do Google.
- Dê a cada página um título claro e uma descrição de uma linha.
- Comprima as fotos grandes. Site lento perde visita no 4G.
- Peça para duas pessoas que nunca viram o site acharem o preço e o telefone, e observe onde elas travam.
Se o seu site é, na verdade, uma única oferta com um único botão, você talvez precise de uma landing page em vez de um site completo.