Filme comercial de negócios
Produza comerciais curtos (15–40s) que pareçam filmes de lançamento SaaS premium, mas vendam um resultado de negócio real: explicar um serviço, gerar um pedido de orçamento, dar seguimento a um orçamento ou renovar um anúncio. Os visuais podem ser ambiciosos; as alegações devem ser verdadeiras.
Leia apenas o arquivo de referência que seu passo atual precisa:
| Passo | Leia |
|---|---|
| Escolhendo vertical, oferta, escopo piloto, âncoras de preço | references/business-offers.md |
| Storyboard e design de movimento | references/motion-grammar.md, depois references/launch-film-notes.md para momentos concretos |
| Construindo componentes 3D | references/three-js-patterns.md, templates/component-lab.html, templates/projected-overlays.js |
| Um herói de produto 3D que deve se mover como o real (desdobra, fecha, revela) | references/product-hero-realism.md |
| Qualquer rodada de revisão | references/gauntlet.md, references/critic-prompts.md, references/quality-bar.md |
| Música, efeitos sonoros, mixagem | references/audio.md |
| Um exemplo trabalhado do início ao fim | references/case-study-alder.md (filme de serviço calmo), references/case-study-duo.md (filme de produto Three.js), references/case-study-home-display.md (o que um cliente mudou depois que os críticos disseram ENVIAR) |
Inegociáveis
- Verdade. Nunca invente depoimentos, avaliações, trabalhos concluídos, diagnósticos, economias, garantias ou compromissos confirmados. Um filme conceitual diz que é um conceito ("Marca fictícia · Filme conceitual · Imagens geradas por IA"). Um filme de cliente usa as filmagens e fatos aprovados do cliente.
- Propósito de negócio no mudo. Um visualizador de primeira viagem deve ser capaz de dizer o que o negócio faz e o que fazer a seguir, com o som desligado, até o final.
- Julgamento independente. O construtor nunca avalia seu próprio trabalho. Cada componente e cada corte completo vai para um crítico novo que vê apenas o render, o brief e as referências (
references/gauntlet.md). - Movimento determinístico. Cada estado animado é uma função pura do tempo da linha do tempo: sem
requestAnimationFramelivre,Date.now(), aleatoriedade não seedada ou histórico de física. Busque qualquer quadro e obtenha os mesmos pixels. - "Sem bugs" não é "bom". Versões limpas, suaves e sem erros ainda podem ser rejeitadas por serem básicas, vazias ou lentas. Meça (
scripts/) e julgue criativamente.
Fluxo de trabalho
1. Brief (15 min)
Escreva BRIEF.md: negócio, comprador, o problema do visualizador, a ação única (CTA), o que é comprovadamente verdadeiro, ativos reais disponíveis, duração, proporções de tela, marca (paleta, tipo), e o que nunca deve ser alegado. Se o usuário não tiver ativos reais, concorde que é um conceito rotulado.
2. Referências
Escolha 3–6 momentos de references/launch-film-notes.md cujo mecanismo se encaixe na história, por ex., um fly-through em primeiro plano, um objeto selecionado persistente, ou uma visão explodida em camadas. Se o usuário fornecer vídeos de referência, extraia quadros (scripts/contact-sheet.sh) e cite timestamps exatos. Pegue emprestado mecanismos, nunca layouts, logotipos ou filmagens.
3. Storyboard antes de construir
Uma tabela: tempo → o que o visualizador vê → trabalho de negócio do batimento → a transição de saída, incluindo qual objeto sobrevive. Regras:
- 12–15 composições distintas para um filme de 30s. Varie escala: macro → amplo → aéreo → close-up de UI → impacto de tipografia.
- O assunto principal preenche 60–85% do quadro utilizável em batimentos de recurso. Nenhum cartão pequeno flutuando em um campo grande vazio.
- Cada batimento tem um pouso legível, depois uma saída acelerada. Sem pausas sem movimento por mais de ~0.6s.
- Nomeie 3 transformações de assinatura que você pode descrever sem nomes de efeitos, ex., "a foto de inspeção se torna a imagem principal do relatório".
- 3D apenas onde explica algo físico ou espacial. Tipografia e UI permanecem HTML/SVG nítidos. Obtenha uma passagem rápida de crítico no próprio storyboard (cronologia, lógica de negócio, veracidade).
4. Ativos
- Imagens IA: gere o quadro-chave primeiro, depois anime-o com imagem-para-vídeo. Faça o prompt como um brief de produção: lente, luz, exposição ("claro, arejado, nada esmagado no preto"), espaço negativo reservado para tipo, "sem pessoas / sem texto / sem logotipos / sem marca d'água" quando necessário.
- Vídeo IA: clipes curtos (4–5s) com movimentos de câmera contidos ("um dolly steady de gimbal, cerca de 25 cm de deslocamento, preserve a geometria exata, sem morphing"). Espere 720p/24fps e interpole/aumente a resolução, que não é detalhe nativo. Rejeite clipes cuja geometria deforme; regenere em vez de esconder.
- Mantenha um ledger de geração: modelo, prompt, seed, id do job, janela aceita. Nunca commit chaves de API.
5. Construa componentes isoladamente
Cada componente personalizado (cena 3D, UI de relatório, fluxo de reserva, marca do logotipo) ganha sua própria página de laboratório (templates/component-lab.html), é renderizado em imagens estáticas mais uma breve prova de movimento, e passa por uma rodada Gauntlet de componente antes de se juntar ao filme.
6. Monte
Uma linha do tempo raiz; cada cena é uma sub-composição; cenas Three.js são renderizadas a partir do relógio de busca raiz; sobreposições como rótulos, pins e linhas de líder são posicionadas a partir de âncoras 3D projetadas a cada quadro (templates/projected-overlays.js). Passe objetos entre cenas em coordenadas de pixel exatas, de modo que o último quadro da cena A seja igual ao primeiro quadro da cena B para o objeto transportado.
7. Gauntlet de filme completo
Renderize o filme inteiro. Execute scripts/frozen-time.sh e scripts/loudness.sh. Envie para um crítico novo com references/critic-prompts.md (prompt de filme completo). Corrija os itens de maior impacto, re-renderize e envie para um novo crítico que verifique a lista anterior item por item. Pare na barra de qualidade ou quando os ganhos se tornarem cosméticos (geralmente 3–5 rodadas).
8. Áudio por último, mas não um pensamento tardio
Siga references/audio.md. Para música com imagem bloqueada, retroceda uma faixa real para que seu próprio final caia no cartão final e ela toque como uma peça contínua, com cada corte em sua batida (scripts/backtime-music.py); ofereça várias faixas sob a mesma imagem e deixe o cliente escolher de ouvido. Mantenha a música combinada com o cliente do comprador e bem abaixo dos efeitos (lo-fi ou acústico quente para serviços domésticos); um "whoosh" suave e sem vibração por transição real; sons de UI limpos apenas em ações reais; níveis por evento resolvidos em cada banda de efeito (scripts/solve-sfx-gains.py); candidatos triados com scripts/sfx-candidates.py. Sempre entregue uma faixa de fallback apenas com música e isole reclamações com ela. Quando o cliente não gostar de um efeito, substitua-o por um mais limpo; não o delete. Torne os momentos heróis audíveis.
9. Entregue
MP4 mestre (1080p60 para trabalho de movimento), quadro de pôster, folha de contato, fonte editável, ledger de geração e um ledger Gauntlet (o que cada crítico encontrou → o que mudou → medido antes/depois). Declare limites honestamente: o que foi medido versus ouvido, e revisão amostrada versus exaustiva. Dê aos entregáveis nomes únicos de projeto, coloque cada rodada em sua própria pasta nomeada e abra-a para o cliente. Espere a própria passagem do cliente após o ENVIAR dos críticos, e resolva por timestamp (references/gauntlet.md).
Estilo de trabalho que os clientes neste manual esperavam
- Planeje visivelmente (storyboard), depois construa sem parar para pedir aprovação de cada passo.
- Relate o status em uma linha quando estiver trabalhando por um longo tempo.
- Quando o tempo for reduzido, mude para o modo de prazo (
references/gauntlet.md): paradas duras, integre, um crítico, principais correções, entregue. - Nunca escreva chaves de API em arquivos. Se uma chave precisar ser usada, deixe o usuário executar o único comando em seu próprio terminal e sugira rotacionar qualquer chave colada em um chat.
- Mostre o trabalho: folhas de contato, números medidos, vereditos dos críticos.