Sair do “quero um site” para: mapa de páginas, diferencial, público, identidade e primeira arte da home.
Teoria — o que o vídeo pode ter passado rápido
Briefing mínimo (mesmo usando IA)
Antes de pedir milagre, tenha (ou peça à IA para extrair):
1. Quem é o visitante
2. Que ação ele deve tomar
3. Por que escolher você (prova / diferencial)
4. O que não pode faltar (páginas, restrições legais, WhatsApp…)
Sem isso, a IA inventa um site “bonito e genérico”.
Análise de concorrentes — o que observar
Não copie layout. Observe padrões de conversão:
- promessa acima da dobra;
- prova (cases, números verificáveis, fotos reais);
- objeções respondidas (FAQ);
- CTA repetido sem spam;
- clareza mobile.
Peça à IA: “o que eu deveria mudar no nosso projeto depois disso?” — a virada de estratégia é o valor.
Identidade: extensão de marca vs marca nova
No projeto do curso, a NPD Academy nasceu como extensão da NPD Group (cores, tom, credibilidade).
Para o aluno: se já existe marca, estude o site atual antes de inventar paleta nova. Consistência vende confiança.
Mockup de imagem ≠ site pronto
A arte da home é uma hipótese visual para alinhar expectativa.
Ainda não é HTML fiel. Serve para: aprovar direção, extrair seções, alimentar o .md depois.
Ética e alegações
A IA sugere “+10 mil alunos”, “garantia de renda”, métricas inventadas.
Regra do curso: só publique o que você pode comprovar. Revise sempre.
Sequência prática
1. Contexto do produto → mapa de páginas
2. Concorrentes → ajustes de estratégia
3. Identidade → guia visual
4. Arte da home → aprovar ou pedir 1–2 mudanças
Prompts (resumo)
Ver também geral/PROMPTS_PRONTOS.md.
Estrutura
Prompt
Quero criar um site para [PRODUTO]. Público: [QUEM]. Objetivo: [AÇÃO]. Proponha mapa de páginas, home seção a seção, CTAs e requisitos para site estático na Cloudflare.
Concorrentes
Prompt
Pesquise concorrentes de [NICHO]. Compare promessa, prova, estrutura e CTAs. Sugira o que eu deveria mudar no nosso projeto.
Arte
Prompt
Gere uma imagem completa da home fiel à identidade e à estratégia. Ainda NÃO gere HTML.
Para a próxima aula
Gerar páginas internas e alinhar foto/logo reais.
PARA CONSULTAR QUANDO PRECISAR
Dúvidas desta aula
O que eu preciso explicar à IA antes de pedir o site?
Comece pelo negócio, pelo público e pelo objetivo. Por exemplo: uma fotógrafa de famílias em Campinas que quer receber consultas pelo WhatsApp. Depois acrescente os serviços, as imagens e as referências que já tiver.
Ainda não sei quais páginas preciso. Posso pedir ajuda?
Sim. Explique o negócio e peça uma proposta de páginas com o motivo de cada uma. Assim você avalia a utilidade antes de aprovar. Um site pequeno pode resolver o objetivo sem precisar de muitas páginas.
Posso usar concorrentes como referência?
Use para entender como apresentam a oferta, organizam informações e respondem dúvidas. Explique o que gostou. Crie textos e identidade próprios e utilize imagens que você tem autorização para publicar.
Links úteis
Ferramentas e referências desta aula. Os links abrem em uma nova aba.