Como criar um vídeo demo de produto: roteiro, gravação, edição e export

O que é um vídeo demo de produto e para que ele serve

Vídeo demo de produto é a gravação da tela do seu software mostrando, em ordem, o problema do usuário, a ação que ele faz no produto e o resultado que obtém. Ele substitui a reunião de apresentação, encurta o ciclo de vendas e reduz o suporte porque responde a pergunta “como isso funciona na prática?” antes de alguém precisar perguntar.

A maior parte dos guias sobre o assunto fala de ferramentas de vídeo genéricas, com templates e músicas de fundo. Este guia é sobre o processo: o que você decide antes de apertar gravar, como grava sem retrabalho e como edita para que a demo pareça produto pronto, não gravação de reunião.

Duração ideal por canal

A estrutura que funciona: problema, ação, resultado

• Problema (primeiros 5 a 10 segundos). Mostre a situação que dói, dentro do produto ou fora dele. Exemplo: uma planilha com 40 abas, uma caixa de entrada lotada, um relatório que leva uma hora para montar.
• Ação (o miolo do vídeo). O usuário faz duas ou três coisas no produto. Cada clique tem que levar a algo visível. Não mostre menus de configuração, mostre o caminho mais curto até o valor.
• Resultado (últimos 5 a 10 segundos). O relatório pronto, a mensagem enviada, o número no dashboard. Deixe o resultado na tela por alguns segundos antes de encerrar.

Exemplo de roteiro de 45 segundos

Produto hipotético: ferramenta que gera propostas comerciais. 0 a 8 s: tela com um documento em branco e o texto “toda proposta começa do zero?”. 8 a 32 s: o usuário escolhe um cliente, seleciona três serviços, clica em gerar; zoom no botão, depois zoom na proposta aparecendo com preço calculado. 32 a 45 s: o PDF pronto sendo enviado por e-mail e a frase “proposta enviada em 40 segundos”. Sem narração, com dois textos na tela. Cabe em qualquer canal.

Como criar o vídeo demo, passo a passo

1. 1

   Escreva o roteiro em uma página

   Liste as ações na ordem exata em que vai executá-las e o resultado esperado de cada uma. Se houver narração, escreva as frases. Um roteiro de 45 segundos cabe em dez linhas. Grave só depois de conseguir executar o roteiro inteiro sem hesitar.

2. 2

   Prepare a conta de demonstração

   Use dados fictícios limpos e com nomes plausíveis (nunca dados reais de clientes). Preencha o que precisa aparecer preenchido, apague lixo de teste e deixe a tela inicial no estado exato em que o vídeo começa.

3. 3

   Prepare a tela

   Feche abas e apps que não fazem parte da demo, ative o modo não perturbe, esconda favoritos do navegador e use uma janela na proporção final do vídeo (16:9 para site e LinkedIn, 9:16 para Reels e Shorts). Aumente o zoom do navegador para 110% ou 125% para o texto ficar legível mesmo antes do zoom de edição.

4. 4

   Grave a tela

   No Xscreen, clique em Gravar, escolha a aba ou janela (no navegador) ou a tela inteira (no app desktop) e ative webcam e microfone se a demo tiver narração. Há uma contagem de 3 segundos antes de começar. Mova o cursor com calma e faça pausas curtas entre as ações: elas viram os pontos de corte na edição. Errou? Continue gravando e refaça a ação; você corta depois.

5. 5

   Edite: zoom, fundo e mockup

   Ao parar, a gravação abre direto no editor. Corte o início e o fim, adicione trechos de zoom nos momentos-chave (o clique que gera valor e o resultado que aparece), escolha um fundo ou gradiente, ajuste cantos e sombra e, para vídeo de lançamento, coloque a gravação num mockup 3D de notebook ou de celular. Adicione textos curtos na tela se o vídeo for sem áudio.

6. 6

   Exporte no formato de cada canal

   MP4 em 1080p ou 4K para site, LinkedIn e YouTube. WebM com fundo transparente para sobrepor no hero da landing page. GIF para README, documentação e e-mail. Exporte uma versão 16:9 e, se for para redes verticais, ajuste o canvas para 9:16 e exporte de novo.

7. 7

   Revise com a checklist

   Assista no celular e no computador, sem som e com som. O resultado aparece por tempo suficiente? Algum dado real vazou? O texto é legível na tela pequena? Se sim, publique.

Erros que fazem uma demo parecer amadora

1. Começar pela tela de login. Ninguém quer ver você digitando senha. Comece já dentro do produto.
2. Mostrar configurações antes do valor. A demo é sobre o que o usuário ganha, não sobre como instalar.
3. Gravar em resolução baixa. Texto ilegível no celular mata a demo. Grave em 1440p ou 4K e aplique zoom na edição.
4. Narração improvisada. Os “hã”, “então” e “deixa eu ver” aparecem todos. Roteiro escrito, mesmo que curto.
5. Vídeo longo demais para o canal. Uma demo de 4 minutos no hero da landing page não é assistida. Corte para 30 segundos e deixe o vídeo longo na página de ajuda.
6. Dados reais de cliente na tela. Além do risco jurídico, distrai. Use dados fictícios.

Export por canal: formato, proporção e resolução

Checklist final antes de publicar

• O problema aparece nos primeiros 10 segundos.
• Cada ação leva a um resultado visível.
• Há zoom nos dois ou três momentos que importam, e não em todos os cliques.
• Nenhum dado real, notificação ou aba estranha aparece.
• O texto é legível num celular sem zoom do espectador.
• A duração respeita o canal.
• Existe uma versão sem áudio que funciona sozinha.

Para dominar o efeito que mais diferencia uma demo profissional, leia o passo a passo de como gravar a tela com zoom. Para vídeos de lançamento e páginas de app, veja como colocar o vídeo num mockup 3D.