Primeiros passos

Como criar seu primeiro projeto

Seu primeiro site ou app, pronto hoje

Você descreve o que quer em linguagem simples e o Vibewax constrói para você. É como mandar mensagem para um desenvolvedor muito habilidoso que trabalha na hora.

Antes de começar

Você não precisa de um plano detalhado. Mas, se não sabe por onde começar, estes são ótimos primeiros projetos:

Landing page

Simples, objetiva e rápida de construir. Perfeita para testar uma ideia.

Portfólio pessoal

Poucas páginas sobre você, seu trabalho e como entrar em contato.

Site institucional

Início, sobre, serviços, contato. Uma estrutura inicial sólida.

Painel interno

Uma ferramenta simples para sua equipe acompanhar tarefas ou exibir dados.

O que deixar à mão:

  • Uma breve descrição do assunto do seu site (uma frase basta)
  • Seu logotipo, se tiver um
  • As cores da sua marca ou um site de referência cujo visual você goste

Não se prenda a detalhes. Tudo pode ser alterado depois, então sua primeira versão não precisa ser perfeita.

Crie seu primeiro projeto

1. Abra o Vibewax e comece um novo projeto

O campo de prompt fica em destaque na tela inicial.

2. Descreva o que você quer criar

Conte ao Vibewax o que você tem em mente, do mesmo jeito que explicaria a um amigo. Qualquer idioma funciona.

Se você já tem materiais prontos (um logotipo, diretrizes da marca, um PDF com conteúdo), anexe tudo de uma vez. Quanto mais contexto o Vibewax tiver desde o início, melhor será o primeiro resultado.

3. Aguarde o agente terminar

O Vibewax começa a construir imediatamente. Ele pode fazer uma ou duas perguntas pelo caminho, se algo precisar ser esclarecido.

A primeira versão pode levar alguns minutos. Você verá atualizações no chat enquanto o agente trabalha.

4. Revise o resultado

Confira a prévia à direita. Observe o layout, os textos, as imagens e a impressão geral. Use o seletor de dispositivo acima da prévia para ver na hora como seu site aparece no celular, no tablet e no computador.

Não vai ficar perfeito de primeira, e isso é totalmente normal. Continue ajustando com novas mensagens no chat ou use a para fazer alterações precisas direto na página.

Como conversar com o Vibewax

Converse com o Vibewax como com um amigo. Sem comandos, sem termos técnicos. Basta dizer o que você quer.

Comece com algo concreto:

Quero criar um site para a minha cafeteria, a Dusk. É um lugar
pequeno e aconchegante em Praga. Café excelente, doces caseiros,
jazz ao vivo nos fins de semana. Cores quentes, muitas fotos
de comida.

Depois, continue a conversa. Cada mensagem se baseia no que já foi construído:

Encontrei um site cujo estilo eu adorei: https://example.com
Podemos fazer algo parecido para a página inicial?
Troque as avaliações do Google Maps por uma galeria de fotos.
Você pode adicionar uma seção de cardápio? Tenho o cardápio
completo em PDF e vou enviar. Dá para extrair os itens e os preços?

O Vibewax mantém todo o contexto do seu projeto durante a conversa, então ele nunca perde de vista o que você já construiu.

Algumas dicas

  • Bons resultados começam com contexto. Compartilhe um site de referência, envie seu logotipo ou explique para quem é o site. Quanto mais o Vibewax souber, melhor será o resultado.

  • Descreva o resultado, não os passos. Foque em como você quer que fique e em que sensação deve passar. O Vibewax descobre como fazer.

  • Envie um pedido de cada vez. Mensagens focadas dão resultados melhores do que listas longas. Se você tem várias alterações em mente, envie uma por uma e o Vibewax cuida delas em ordem.

  • Pergunte antes de construir. Não sabe se algo é possível? É só perguntar. O Vibewax pode apresentar as opções antes de qualquer trabalho começar.

  • Diga o que está estranho, não apenas que está errado. “A fonte parece formal demais” dá ao Vibewax algo concreto para trabalhar. “Tente de novo” não dá.

Quando algo dá errado

Algo não ficou como você esperava? Isso é totalmente normal, principalmente no começo. Veja o que fazer:

  • Peça ao agente para desfazer. Descreva o que mudou e diga que quer reverter. Funciona melhor quando só uma coisa deu errado.
  • Restaure uma versão anterior. Se várias coisas deram errado de uma vez, restaurar é mais rápido do que desfazer passo a passo. Abra o Histórico de versões pelo ícone de relógio na barra superior, veja a prévia da versão que você quer e clique em Restaurar. Veja Histórico de versões.
  • Edite um prompt anterior. Volte a qualquer mensagem anterior e edite. O Vibewax volta o projeto àquele momento e o reconstrói a partir do seu prompt atualizado.
  • Comece a partir de uma cópia segura. Antes de fazer grandes mudanças, clique em “Duplicar” abaixo de qualquer mensagem. Assim você sempre tem um ponto de retorno.