cerebro-vip INEMA.CLUB
início › INEMA.DEV Desenvolvimento

Curadoria e análise de um vídeo de Jack Roberts sobre criação de…

INEMA.DEV Desenvolvimento · 2025-12-12 · ~14 min · ver no Telegram ↗

INEMA

captação * automação * follow-up * IA

⚠️ Regra final dele⌗

Não inove onde o mercado já provou que funciona. Inove onde o cliente ganha dinheiro.

Aqui estão os HACKS reais que ele usa (os que dão vantagem prática), organizados por o que é → por que funciona → como aplicar.

🔥 HACK 1 — Copiar estrutura vencedora via HTML⌗

O que é: Usar o HTML de sites que já convertem bem como base estrutural.

Por que funciona:

  • Estruturas vencedoras já foram testadas pelo mercado
  • Você não precisa “inventar” conversão
  • Economiza horas de design e testes

Como aplicar:

  1. Vá em um site que você gosta
  2. Clique em View Page Source
  3. Copie o HTML
  4. Prompt:

Use this HTML only as a structural reference. Do not copy branding or content. Adapt for my niche and offer.

🔥 HACK 2 — Moodboard manda mais que texto⌗

O que é: Gemini responde muito melhor a imagens do que descrições longas.

Por que funciona: IA “enxerga” estilo melhor visualmente do que semanticamente.

Como aplicar:

  • Pegue 2–4 prints (hero, prova, CTA)
  • Cole no Canva ou direto no AI Studio
  • Diga:

Match the visual style of the reference images first.

🔥 HACK 3 — One-shot design (90–95% de primeira)⌗

O que é: Forçar a IA a chegar quase no design final logo na primeira geração.

Por que funciona:

  • Gemini se perde se você pedir redesign completo toda hora
  • Refinar > reconstruir

Como aplicar:

Get this design as close to final as possible in one pass. Only refine, do not redesign everything.

🔥 HACK 4 — Design primeiro, copy depois⌗

O que é: Nunca escrever copy antes do layout estar definido.

Por que funciona:

  • Copy precisa “encaixar” visualmente
  • Evita texto longo demais ou truncado

Como aplicar:

  1. Gere layout visual
  2. Só depois peça:

Write conversion-focused copy that fits this layout.

🔥 HACK 5 — Chatbot = diferencial de preço⌗

O que é: Sites com chatbot + automação valem 5–10x mais.

Por que funciona:

  • Cliente não compra “site”
  • Compra máquina de leads

Como aplicar:

  • ElevenLabs → agente
  • Objetivo claro:

Capture email and book a discovery call.

  • Embed no site

🔥 HACK 6 — CTA não é botão, é sistema⌗

O que é: CTA conecta com:

  • chatbot
  • formulário
  • automação
  • follow-up

Por que funciona: Conversão acontece depois do clique, não no clique.

Como aplicar:

  • CTA → formulário → webhook → GoHighLevel
  • Emails + SMS automáticos

🔥 HACK 7 — Questionário converte mais que “Fale conosco”⌗

O que é: Usar diagnósticos (“descubra quanto você está perdendo”).

Por que funciona:

  • Ativa curiosidade
  • Gera valor antes da venda
  • Qualifica lead

Como aplicar:

Create a calculator-style questionnaire that shows lost revenue.

🔥 HACK 8 — Webhook é o coração do sistema⌗

O que é: Tudo passa por webhook → CRM → automações.

Por que funciona:

  • Escalável
  • Reutilizável
  • Integra qualquer coisa com qualquer coisa

Como aplicar:

  • GoHighLevel → inbound webhook
  • Formulário envia payload completo

🔥 HACK 9 — Claude para refinar, Gemini para criar⌗

O que é: Cada IA no que faz melhor.

Por que funciona:

  • Gemini: criação visual + estrutura
  • Claude: copy, código, refinamento

Como aplicar:

  • Gere com Gemini
  • Abra no Cursor
  • Rode:

Review this entire codebase line by line and improve it.

🔥 HACK 10 — Deploy local > deploy direto da IA⌗

O que é: Não publicar direto do AI Studio.

Por que funciona:

  • Evita bugs
  • Resolve dependências
  • Controle total

Como aplicar:

  1. Download do projeto
  2. Editar local
  3. GitHub
  4. Vercel

🔥 HACK 11 — Mudança em tempo real vende confiança⌗

O que é: Editar algo → cliente vê mudar ao vivo.

Por que funciona: Demonstra poder técnico instantâneo.

Como aplicar:

  • Edita no Cursor
  • Push GitHub
  • Vercel atualiza sozinho

🔥 HACK 12 — Você não vende sites, vende sistemas⌗

O que é: Reposicionamento mental.

Por que funciona:

  • “Site”: commodity
  • “Sistema de aquisição”: high-ticket

Como aplicar:

  • Sempre apresentar:

*

Por quê

  • Foi o diferencial que permitiu vender sites por $8k+

🛠 Como usar⌗

  • Criar agente no ElevenLabs
  • Gerar embed HTML

8️⃣ PROMPT PARA EMBUTIR CHAT NO SITE⌗

🔹 Prompt⌗

```Embed the following chat widget HTML into the website.

Place it in the bottom-right corner. Ensure it loads on all pages.```

📍 Quando usar⌗

Após gerar o embed code.

9️⃣ PROMPT DE FORMULÁRIO / QUESTIONÁRIO⌗

🔹 Prompt⌗

```Create an embedded questionnaire at the bottom of the page.

Purpose: Show the user how much money they are losing by not using [SYSTEM].

Ask: - Name - Email - Optional phone - Average value per lead - Number of email subscribers - Emails sent per week

On submit: - Calculate result - Send data to the webhook below```

📍 Quando usar⌗

Quando quiser lead magnet ou diagnóstico.

🔟 PROMPT PARA ENVIAR DADOS AO GOHIGHLEVEL⌗

🔹 Prompt⌗

```Send all form submissions to the following inbound webhook URL: [PASTE WEBHOOK HERE]

Ensure the payload includes all form fields.```

1️⃣1️⃣ PROMPT DE REFINO FINAL (Claude / Cursor)⌗

🔹 Prompt⌗

```Review this entire codebase line by line.

Improve: - Code quality - Copy clarity - Performance - Maintainability

Do not change the core structure. Only improve.```

📍 Quando usar⌗

Antes do deploy final.

🧠 REGRA DE OURO DELE⌗

Design → depois Copy → depois IA → depois Deploy Nunca ao contrário.

Abaixo está exatamente o que ele usa, organizado em PROMPT → QUANDO → POR QUE → COMO (sem floreio, no formato operacional).

1️⃣ PROMPT DE ESTRATÉGIA (base de tudo)⌗

🔹 Prompt⌗

```You are a conversion-focused website strategist.

I want to build a high-converting website for an agency that helps [NICHO] achieve [RESULTADO PRINCIPAL] using proven AI systems.

Traffic type: [cold / warm / outbound]

Before designing anything: 1. Define the visitor’s top 3 problems 2. Define what they already believe 3. Define their main objections 4. Define the single most important action we want them to take```

📍 Quando usar⌗

Antes de qualquer design ou código.

🎯 Por quê⌗

  • Evita site bonito que não converte
  • Define toda a lógica de copy e CTA

🛠 Como usar⌗

  • Cole no Gemini 3 (Google AI Studio)
  • Ajuste NICHO, RESULTADO e TIPO DE TRÁFEGO

2️⃣ PROMPT DE DESIGN + INTERFACE (com moodboard)⌗

🔹 Prompt⌗

```Design a modern, premium, high-converting website for an agency that helps [NICHO] achieve [RESULTADO].

Use the reference images I provided as the PRIMARY visual inspiration.

Design guidelines: - Clean, Apple-like aesthetic - Strong typography - Soft animated background - Subtle micro-interactions - Depth layers and modern spacing

First, match the visual style of the references. Then enhance it using the guidelines above.```

📍 Quando usar⌗

Depois de criar o moodboard (Dribbble / Mobbin / Canva).

🎯 Por quê⌗

  • Gemini só “acerta” quando recebe referências visuais claras
  • Força consistência estética

🛠 Como usar⌗

  • Suba 2–4 imagens
  • Cole o prompt
  • Gere o layout

3️⃣ PROMPT DE ESTRUTURA DO SITE (conversão)⌗

🔹 Prompt⌗

```Use the following website structure:

  1. Hero section - Strong hook - Clear promise of value - Primary CTA

  2. Value proposition - 2–3 clear benefits - Outcome-focused copy

  3. Proof - Testimonials - Credibility indicators

  4. Final CTA - Clear next step - Low friction```

📍 Quando usar⌗

Logo após o prompt de design.

🎯 Por quê⌗

  • Evita layouts confusos
  • Segue padrões que já convertem

🛠 Como usar⌗

  • Pode colar junto com o prompt anterior
  • Ou como follow-up prompt

4️⃣ PROMPT “ONE-SHOT” (design 90–95%)⌗

🔹 Prompt⌗

```Try to get this design as close to final as possible (90–95%) in one pass.

Do not redesign everything on each iteration. Only refine and improve existing elements.```

📍 Quando usar⌗

Antes de gerar a versão principal do site.

🎯 Por quê⌗

  • Gemini se perde se você pedir redesenho completo toda hora
  • Refinar é mais eficiente que recriar

🛠 Como usar⌗

  • Sempre antes do “generate final design”

5️⃣ PROMPT DE COPY (texto que vende)⌗

🔹 Prompt⌗

```Write high-converting website copy for this page.

Include: - A strong hook (pain-based or offer-based) - Clear explanation of the value - Proof and credibility - Simple, direct CTA

Tone: - Clear - Confident - Outcome-focused - No fluff```

📍 Quando usar⌗

Depois que o design estiver “travado”.

🎯 Por quê⌗

  • Copy vem depois do layout
  • Texto precisa encaixar visualmente

🛠 Como usar⌗

  • Prompt separado
  • Peça só copy, não design

6️⃣ PROMPT PARA “REPLICAR” UM SITE VIA HTML (hack)⌗

🔹 Prompt⌗

```Create a new website using the HTML code below as a structural reference.

Do NOT copy branding or content. Use it only as a layout and conversion structure.

Adapt the design and copy for: [NICHO] [RESULTADO]```

📍 Quando usar⌗

Quando você quer:

  • velocidade
  • estrutura comprovada

🎯 Por quê⌗

  • Estruturas vencedoras não precisam ser reinventadas
  • Economiza horas

🛠 Como usar⌗

  • Cole HTML
  • Adicione prints do site original

7️⃣ PROMPT DE CHATBOT (ElevenLabs)⌗

🔹 Prompt⌗

```You are a helpful AI assistant for a website.

Your goals: 1. Provide value 2. Capture the visitor’s email 3. Book a discovery call

Be concise, friendly, and conversion-focused.```

📍 Quando usar⌗

Depois do site visual pronto.

🎯⌗

Aqui vai um passo a passo (do zero ao site no ar) no estilo do vídeo, bem prático.

1) Estratégia (10 min)⌗

  1. Defina o objetivo do site: captar leads? agendar calls? vender um serviço?
  2. Defina o tipo de tráfego:
  • Frio: precisa educar/diagnosticar antes de pedir compromisso.
  • Morno: pode ir mais direto para CTA.

  • Outbound: precisa construir confiança rápido. 3. Responda:

  • Quais são as 3 maiores dores do público?

  • O que eles já acreditam antes de entrar?
  • Quais objeções têm?
  • Por que clicaram?

2) Interface (design) com moodboard (10–15 min)⌗

  1. Pegue referências no Dribbble/Mobbin (2–4 prints: hero, seção de prova, CTA).
  2. Cole tudo num quadro (ex.: Canva Whiteboard) e anote embaixo:
  • “Hero: gosto do estilo X”
  • “Testemunhos: layout Y”
  • “Cores: monocromático + linhas pontilhadas”, etc.

3) Gerar o site no Google AI Studio (Gemini 3) (5–10 min)⌗

  1. No Google AI Studio, envie as imagens e use um prompt assim:
  • Contexto do site (nicho + promessa)
  • Estilo (baseado nas imagens)
  • Estrutura (seções)
  • Componentes de UI (microinterações, fundo suave, tipografia forte)

Estrutura sugerida:

  • Hook (título forte)
  • Promessa / proposta de valor
  • 2–3 bullets do valor
  • Prova (logos/depoimentos)
  • CTA (agendar call / formulário)
  1. Gere e ajuste com 1–2 prompts curtos (não reescreva tudo toda hora; refine).

4) Hack opcional: “replicar” estrutura via HTML (rápido)⌗

  1. Se achar um site que você quer usar como base:
  • Pegue o HTML (view source / downloader)
  • Peça: “crie um site semelhante usando esse HTML como base, mas com conteúdo do meu nicho”.

(Use como referência de estrutura, não para “copiar e colar” igual.)

5) Copy (texto que converte) (10–20 min)⌗

  1. Defina o hook:
  • Dor: “Dentista: cansado de agenda vazia?”

  • Oferta: “20 novos pacientes em 30 dias ou você não paga.” 10. Adicione:

  • Credibilidade/prova (logos, números, casos)

  • Depoimentos (texto, foto, vídeo se tiver)
  • CTA claro (“Agendar diagnóstico”, “Receber plano”, etc.)

6) Engine (IA + automação) (20–40 min)⌗

A) Chatbot no site (ElevenLabs)⌗

  1. Crie um agente (chat ou voz), defina objetivo:
  • “capturar e-mail + agendar call”.
  1. Copie o embed code do widget.
  2. Peça ao Gemini/Claude para inserir o embed no site (canto inferior direito).

B) Formulário/Questionário (lead magnet)⌗

  1. Crie um formulário tipo “diagnóstico” (nome, email, valor por lead, etc.).
  2. Configure para enviar os dados para um webhook.

C) GoHighLevel (automação)⌗

  1. No GoHighLevel:
  • Automation → Inbound Webhook
  • Copie a URL do webhook
  1. No site, configure o formulário para POST nesse webhook.
  2. No workflow:
  • Criar/atualizar contato
  • Mapear campos (email, nome, etc.)
  • Disparar sequência de e-mails (mínimo 5) e/ou SMS/WhatsApp.

7) Baixar, editar e publicar (15–30 min)⌗

  1. Baixe o projeto do AI Studio (download app).
  2. Abra no Cursor (ou VS Code).
  3. Use Claude para:
  • limpar/organizar código
  • melhorar copy
  • preparar README
  • configurar projeto pro deploy

8) GitHub + Vercel (deploy em minutos)⌗

  1. Crie um repositório no GitHub e suba os arquivos.
  2. No Vercel:
  • Add New Project → Import GitHub repo → Deploy
  1. Resultado: site no ar.
  2. Qualquer mudança no código → push no GitHub → Vercel atualiza automaticamente.
  3. (Opcional) Compre e conecte domínio no Vercel.

👤 Referências pessoais⌗

  • Jack Roberts – criador do vídeo

  • Fundador de uma startup Top 100 no Reino Unido

  • Dono de um negócio de automação com IA de 7 dígitos
  • Alex Moses – citado em uma conversa sobre estratégia de tráfego (frio vs. morno)

🎨 Referências de design (inspiração visual)⌗

  • Dribbble – principal fonte de inspiração para layouts e UI
  • Mobbin – referência para designs de apps, web e dashboards
  • Base10 – site citado como inspiração estética (estilo “Apple-like”)
  • DesignJoy – usado como exemplo de site com estrutura forte de conversão
  • Vercel (site) – também citado implicitamente como referência visual moderna
  • Vel (estilo) – citado como estética de design a ser replicada

🤖 Referências de IA e desenvolvimento⌗

  • Gemini 3.0 / Google AI Studio – principal ferramenta para criar o site
  • Claude (Anthropic) – usado para edição, refino de código e copy
  • ElevenLabs – criação de chatbots e agentes de voz
  • GoHighLevel – automações de marketing, e-mail, SMS e CRM
  • Cursor – editor de código com IA
  • VS Code – alternativa citada
  • GitHub – versionamento e hospedagem do código
  • Vercel – deploy e publicação do site
  • Canva – criação de mood boards e organização visual
  • HTML source viewers / downloaders – para analisar estruturas de sites existentes

📐 Referências de método e framework⌗

  • Framework de 4 etapas para sites
  1. Strategy (Estratégia)
  2. Interface (Design)
  3. Text (Copy)
  4. Engine (IA + Automação) * Blueprint de Conversão em 8 etapas
  • Proposta de valor
  • Prova social
  • CTA
  • Follow-up
  • Debug / otimização

  • Conceito “one-shot design”

  • Buscar 90–95% do design certo logo na primeira geração

  • Padrões de sites que convertem

  • Reutilizar estruturas comprovadas em vez de reinventar tudo

🎯 Referências de mercado / nicho (exemplo prático)⌗

  • Agências para dentistas – nicho usado como estudo de caso
  • Healthcare / Medical websites – contexto do chatbot e automações

📌 Em resumo⌗

As principais referências dele são:

  • Design moderno (Dribbble, Mobbin, DesignJoy)
  • IA generativa (Gemini + Claude)
  • Automação e vendas (GoHighLevel, ElevenLabs)
  • Deploy profissional (GitHub + Vercel)

Resumo – Como criar sites com IA que faturam US$ 8.000+ em 33 minutos (Gemini 3)⌗

Jack Roberts mostra seu método completo para criar, publicar e vender sites profissionais usando Gemini 3.0 + automações de IA, indo muito além de apenas design bonito. O foco é conversão, sistemas e monetização.

🔑 Ideia central⌗

Sites que dão dinheiro não são só bonitos — eles resolvem um problema de negócio, convertem visitantes em leads e usam IA para automatizar vendas.

🧩 O framework de 4 etapas⌗

1️⃣ Strategy (Estratégia)⌗

Antes de design, define-se:

  • Tipo de tráfego (frio, morno ou outbound)
  • Estado mental do visitante
  • Principais dores, crenças e objeções Isso guia todo o layout e copy do site.

2️⃣ Interface (Design & UI)⌗

  • Criação de mood boards com referências (Dribbble, Mobbin, sites reais)
  • Uso de Gemini para replicar estilos visuais
  • Hack avançado: copiar HTML de sites existentes como base de estrutura (sem copiar cegamente, mas aproveitando padrões que convertem)

  • Definição clara das seções do site:

  • Hook

  • Proposta de valor
  • Prova (testemunhos)
  • CTA

3️⃣ Text (Copywriting)⌗

  • Headlines fortes (dor ou oferta)
  • Explicação clara do valor
  • Provas sociais (depoimentos, logos, resultados)
  • CTA simples e direto Tudo alinhado ao Blueprint de Conversão em 8 etapas.

4️⃣ Engine (Sistema & IA)⌗

Aqui está o diferencial que permite vender sites por US$ 2k–10k+:

  • Chatbot com IA (ElevenLabs) embutido no site
  • Captação de e-mails e agendamento de chamadas
  • Formulários inteligentes (questionários que calculam perdas ou oportunidades)
  • Integração com GoHighLevel via webhooks
  • Automações de e-mail, SMS e WhatsApp

🚀 Deploy e Publicação⌗

  • Download do site
  • Edição com Cursor + Claude
  • Upload para GitHub
  • Deploy automático com Vercel
  • Atualizações em tempo real (mudou no código → site atualizado)

💰 Resultado final⌗

Você sai com:

  • Um site profissional, rápido e animado
  • IA trabalhando 24/7 para captar e nutrir leads

  • Um sistema pronto para:

  • Vender para clientes

  • Escalar seu próprio negócio
  • Capaz de gerar milhares de dólares por site

🎯 Conclusão⌗

O segredo não é só Gemini 3.0, mas combinar IA + design + copy + automação em um sistema completo de conversão. Quem domina isso não vende “sites”, vende máquinas de aquisição de clientes.

youtube.com/watch ↗

Construa sites com IA em 27 minutos (Gemini 3.0)

Como eu crio sites com IA que faturam US$ 8.000+ em 33 minutos (Guia completo do Gemini 3)

Eu mostro exatamente o meu sistema para criar sites bonitos que realmente convertem — a mesma abordagem que usei para vender sites por milhares de dólares para clientes. Você vai sair com um site ao vivo, publicado, que captura leads e agenda chamadas para você, pronto para vender a clientes ou usar no seu próprio negócio.

🧰 Ferramentas⌗

▲ Vercel: https://vercel.com/ 🎨 Design Joy: https://www.designjoy.co/

💪 O que você recebe⌗

🎨 Um site lindo e profissional, criado e publicado em menos de uma hora

💬 Um chatbot de IA integrado ao seu site que captura leads e agenda chamadas 24/7

📩 Sequências de e-mails automatizadas que nutrem leads enquanto você dorme

🚀 Um site totalmente publicado com seu próprio domínio personalizado, pronto para compartilhar

💸 Um sistema que você pode vender para clientes por US$ 2.000 a US$ 10.000+ ou usar para crescer o seu próprio negócio

Recursos⌗

  • 📈 Blueprint de conversão em 8 etapas
  • 🔥 5 elementos de design prontos para copiar e colar

Build AI Websites in 27 mins (Gemini 3.0)

chatgpt.com ↗

1

Recursos

↑ voltar ao topo · ver no Telegram ↗