9 coisas para fotografar no seu site antes de filmar um anúncio

Antes de filmar um anúncio a partir do seu próprio site, fotografe nove coisas específicas: a hero depois de todos os recursos terem acabado de carregar, um detalhe de produto suficientemente grande para ser inspecionado, a tabela de preços completa, uma secção de prova específica, o passo exato de marcação ou checkout, vistas correspondentes em mobile e desktop da sua secção mais forte, um estado de hover ou interação, qualquer estado vazio que um novo visitante possa ver, e um elemento de comparação ou de antes e depois, se o site tiver um. Cada captura de ecrã deve mostrar algo que um espectador consiga reconhecer e em que confie, e não apenas preencher um espaço na edição.

1. A hero, depois de todos os recursos terem acabado de carregar

Fotografe a hero depois de a página ter assentado por completo, e não na primeira renderização. Muitos sites mostram uma imagem provisória, carregam uma webfont com um instante de atraso, ou fazem um título aparecer em fade, por isso uma captura feita cedo demais pode registar uma disposição que nenhum visitante real vê durante mais de um segundo. Carregue a página de novo, espere que as imagens, os tipos de letra e qualquer animação da hero terminem, e só depois capture. Se a hero incluir um vídeo de fundo, pare no frame que melhor representa o produto, em vez de num desfoque a meio de uma transição. Esta captura costuma abrir o anúncio, por isso tem de corresponder ao que um visitante experimenta de facto, e não a um estado de carregamento que só existe por um instante.

2. Um detalhe de produto num tamanho que alguém consiga mesmo inspecionar

Não fotografe a página inteira à espera que o produto se leia depois de ser recortado para um formato vertical. Aproxime-se do detalhe específico que prova a oferta: um plano fechado de um material, uma leitura de dashboard, um item de menu ou um painel de funcionalidade, captado grande o suficiente para que o texto e os contornos se mantenham legíveis depois de colocados numa tela de 1080x1920. Uma captura de página inteira reduz cada elemento a uma fração pequena do frame, e o único detalhe que importa acaba pequeno demais para se ler. Capture o detalhe isoladamente, na resolução de que precisa, e deixe a página mais ampla fornecer contexto noutro ponto da edição, em vez de neste plano.

3. A tabela de preços, captada em toda a sua largura

Fotografe a secção de preços inteira numa única imagem, com todos os planos e respetivos preços visíveis, em vez de uma captura parcial que corta uma coluna. Os espectadores usam os preços para decidir se vale a pena investigar mais a oferta, por isso um preço cortado ou parcialmente visível cria confusão em vez de clareza. Se a tabela for mais larga do que um único ecrã, capture-a em secções que possam ser remontadas, ou capture-a a uma largura de browser onde todos os planos caibam. Verifique se a moeda, o período de faturação e qualquer indicação de desconto estão todos visíveis no mesmo plano; um preço mostrado sem o seu período pode representar mal a oferta real assim que aparece no ecrã.

4. Uma secção de prova, escolhida pelo que realmente diz

Escolha a avaliação, o detalhe de caso ou o testemunho que nomeia um resultado específico, e não o que apenas diz que algo é bom. Uma captura de "ótimo serviço, recomendo" prova menos do que uma que menciona um número, um resultado ou um detalhe concreto, porque uma afirmação específica dá ao espectador algo para avaliar. Fotografe a secção de prova exatamente como aparece no site em direto: nome real, data real, contexto real, já que inventar ou reencenar uma avaliação é o tipo de atalho que faz um anúncio parecer fabricado assim que alguém verifica. Se o site tiver várias secções de prova, escolha a mais relevante para o gancho com que planeia abrir, e não simplesmente a mais recente ou a mais longa.

5. O ecrã exato onde um visitante se compromete

Fotografe o momento exato da ação: o calendário com um horário livre visível, o resumo do carrinho mesmo antes do pagamento, ou o formulário com o botão final visível. Isto difere de fotografar a página de marcação em geral, porque o objetivo é mostrar o passo específico que um visitante completa, e não a página que leva até lá. Se esse passo estiver escondido atrás de vários cliques, ou só funcionar depois de preencher campos que nada têm a ver, a captura vai expor o problema antes de o anúncio o fazer, o que já é informação útil por si só. Uma checklist relacionada sobre sinais de que um site ainda não está pronto para se tornar um anúncio em vídeo cobre o que corrigir primeiro se este passo não se aguentar.

6. A mesma secção em mobile e em desktop

Capture a sua secção mais forte tanto num viewport mobile como num viewport desktop, porque muitos sites reorganizam o conteúdo entre os dois em vez de simplesmente o reduzir. Uma disposição de funcionalidades em três colunas no desktop pode empilhar-se numa única coluna no mobile, mudando o que fica visível sem ser preciso deslizar. Conhecer as duas versões importa porque um anúncio vertical costuma precisar de um recorte de estilo mobile, e partir de uma disposição que já se empilha verticalmente é mais fácil do que forçar uma disposição larga de desktop para dentro de um frame estreito. Faça as duas capturas na largura mobile real do browser, e não numa captura de desktop reduzida, já que uma disposição mobile genuína costuma revelar ou esconder elementos diferentes de uma versão apenas redimensionada.

7. Um estado de hover ou de interação, não apenas a página em repouso

Algumas das provas mais úteis só aparecem na interação: um menu suspenso, uma dica que explica uma funcionalidade, um painel de filtros ou o estado ativo de um botão. Fotografe a página só em repouso e vai perder funcionalidade que pode ser a verdadeira razão para comprar. Acione a interação manualmente, mantenha-a, e capture-a nesse estado. Isto importa mais para produtos cujo valor está numa peça específica de comportamento de interface e não numa disposição estática, como um resultado de pesquisa em direto a aparecer ou um preço a atualizar-se depois de uma seleção. Anote que interação captou e porquê, para que o editor a possa combinar com uma linha que explique o que está a acontecer no ecrã.

8. Qualquer estado vazio que um novo visitante possa mesmo ver

Um estado vazio é o que um utilizador de primeira vez vê antes de ter adicionado o que quer que seja: um carrinho vazio, um dashboard ainda sem dados, um resultado de pesquisa em branco. Se o seu fluxo de onboarding mostra este ecrã a todos os novos visitantes, vale a pena saber como é antes de decidir se o inclui no anúncio. Um estado vazio pode enfraquecer uma promessa, como "veja os seus resultados instantaneamente", se for a primeira coisa mostrada, ou pode genuinamente ajudar a alinhar expectativas se o anúncio for honesto sobre um passo de configuração. Fotografe-o de qualquer forma, para que a decisão de o incluir ou evitar seja tomada de forma deliberada, e não por acidente.

9. Um elemento de comparação ou de antes e depois, captado em ambos os extremos

Se o site tiver um slider, uma comparação lado a lado, ou um alternador entre dois estados, fotografe os dois extremos em separado, em vez de tentar captar o elemento interativo a meio do arrasto. Um slider congelado a meio costuma parecer avariado em vez de informativo. Capture a posição "antes", depois a posição "depois", cada uma como uma imagem limpa e estática, para que um editor consiga recriar a revelação de forma deliberada, com a temporização certa, em vez de depender de uma única captura improvisada. Se a comparação depender de hover ou de um clique para mudar de estado, anote o gatilho exato para que a mesma vista possa ser reproduzida de forma consistente mais tarde, em vez de ser adivinhada depois.

Nada disto precisa de ser captado à mão de cada vez. Cole um URL e o sizzledraft usa um browser headless para captar o site real da forma como um visitante o veria, e depois constrói o vídeo a partir dessas capturas de ecrã reais, e não de uma adivinhação redesenhada. Se preferir ver do que planear, comece a partir do seu próprio site.