Vídeo demo de produto: mostre tudo em menos de 1 minuto

Um bom vídeo de demonstração de produto mostra uma pessoa fazendo uma tarefa real com o seu produto, do problema ao resultado final, em menos de um minuto. Abra com o resultado, mostre os três ou quatro passos que levam até ele e feche com uma única ação seguinte. Use uma tela limpa, texto legível, legendas para quem assiste sem som e um cartão de título e um cartão final curtos, com a marca. Resista ao passeio por recursos: o espectador lembra de um resultado, não de um menu.

Escolha uma tarefa, não todos os recursos

Antes de abrir qualquer ferramenta de gravação, escreva uma frase: "Uma [pessoa] usa [produto] para [obter resultado] em [pouco tempo]." Por exemplo: a dona de um café usa um app de reservas para preencher uma mesa cancelada em dois minutos. Essa frase é o vídeo inteiro. Tudo o que não a serve vai para outro vídeo.

Estrutura de um vídeo de demonstração de produto para 60 segundos

Esta estrutura serve para uma landing page, um post de lançamento ou um e-mail de vendas. Os tempos são uma referência; o que importa é a ordem.

Escreva um roteiro de demonstração que caiba na tela

Escreva o roteiro em duas colunas: o que é dito e o que é mostrado. Cada fala deve descrever algo visível naquele momento. Se você se pegar explicando algo que não está na tela, corte a fala ou mude o plano.

FALAR                                MOSTRAR
Sexta, 7pm. Uma mesa para seis cancela. Agenda com um espaço vermelho às 7:30
Antes, isso significava mesa vazia.    Mesmo espaço, foto do salão tranquilo
Abra a lista de espera.               Clique em Lista de espera
Escolha o horário. Toque em Oferecer.  Selecione 7:30, clique em Oferecer à lista de espera
O primeiro cliente que aceitar fica.  Notificação no celular, toque em Aceitar
Mesa cheia de novo. Dois minutos.     Agenda, espaço preenchido, cronômetro 1:52
Experimente nas suas reservas.        Cartela final: tablefull.app

Leia em voz alta com um cronômetro antes de gravar. Se passar do tempo, corte passos inteiros em vez de acelerar a fala.

Como gravar uma demonstração limpa

1. 1

   Prepare dados de demonstração realistas

   Preencha o produto com nomes, números e imagens críveis. Telas vazias e "Teste teste 123" fazem o produto parecer sem uso.

2. 2

   Organize e amplie a tela

   Esconda favoritos e notificações, feche outras abas e aumente a interface para 125% ou mais, para o texto sobreviver à tela de um celular.

3. 3

   Grave um passo por take

   Takes curtos são fáceis de refazer e cortar. Mova o ponteiro devagar e faça uma breve pausa depois de cada clique.

4. 4

   Grave a voz separadamente, se puder

   Ler o roteiro sobre as imagens prontas dá um ritmo mais suave do que falar enquanto clica.

5. 5

   Aproxime onde importa

   Corte ou amplie o botão ou o campo em uso, para o espectador não ter de procurar em uma área de trabalho inteira.

Gravação de tela cobre em detalhe permissões, áudio e o que compartilhar.

Legendas, cartão de título e cartão final

Demonstrações em landing pages costumam começar sozinhas e sem som, e os feeds também começam sem som, então as legendas contam a história. Mantenha cada legenda em uma linha curta que acompanhe a voz, colocada onde não cubra a parte da interface que você está mostrando. Legendas em vídeo cobre estilo e posicionamento.

Abra e feche a demonstração com dois quadros desenhados com a sua marca: um cartão de título que nomeia o resultado e um cartão final com uma ação. É isso que faz uma captura de tela parecer um vídeo de produto e não uma gravação, e é o que as pessoas veem como quadro de capa antes de apertar o play.

Uma demonstração, todos os lugares

Uma demonstração costuma precisar viver em vários lugares: a landing page, um post de lançamento, um e-mail de vendas e vídeos curtos nas redes. Faça primeiro o corte widescreen e depois monte um corte vertical para as redes, com a gravação da tela centralizada sobre o seu fundo, um título acima e legendas abaixo. Cortar uma demonstração widescreen para vertical elimina metade da interface.

Em um site, comprima o arquivo, dê ao vídeo uma imagem de capa e deixe os visitantes iniciarem sozinhos se ele tiver som. Vídeo de fundo em site explica tamanhos de arquivo e formatos, e design de landing page mostra onde uma demonstração se encaixa na página. Para os posts que a anunciam, veja artes de lançamento de produto.

Como fazer a demonstração no Gradiently

Com o Pro, você pode gravar a tela e a sua voz no navegador, revisar os clipes, depois cortá-los na linha do tempo do Gradiently, adicionar legendas e música e desenhar os cartões de título e final sobre o mesmo Mark, para todos os quadros combinarem. Faça as versões vertical e quadrada a partir do mesmo design em um só passo, e o Designer pode redigir as linhas de legenda e o texto dos posts na voz do kit de marca.