Um badge animado salta à vista enquanto o feed rola

O vídeo em baixo é um export sem edição: o estilo Edge-Halo, em que um brilho percorre a margem do badge, num loop de seis segundos que se repete sem corte visível. No LinkedIn, um vídeo destes arranca no feed de forma automática e sem som, e o movimento faz o que uma imagem parada não consegue: prende o polegar por um instante.

O LinkedIn reproduz os vídeos de forma automática assim que rolam para o campo de visão, sem som e em ciclo. Entre publicações todas paradas, o badge animado é muitas vezes a única coisa no ecrã que se mexe, e o olho responde à mudança de forma mais fiável do que a qualquer cor, por mais forte que seja. Para isso, o movimento não precisa de contar nada. Um brilho a percorrer o badge chega para prender o polegar durante o segundo em que se leem o nome e o evento.

O verdadeiro truque está na personalização. Um vídeo individual para cada convidado seria, à moda antiga, um trabalho de agência com programa de edição e tempos de render. Aqui, ele nasce no navegador da pessoa: ela abre o vosso link, coloca a foto e o nome, e o export calcula o MP4 pessoal dela no aspeto do evento. Cem convidados dão cem vídeos diferentes, e o vosso trabalho fica-se por um badge e um link.

A isto junta-se a raridade. Os badges de evento aparecem no feed quase sempre como imagem parada, por isso um badge que se mexe dá ainda mais nas vistas. E como cada um destes vídeos passa na rede da respetiva pessoa, o efeito soma-se ao longo dos vossos convidados, e o quão forte é fica demonstrado no artigo sobre o efeito de rede.

A animação é uma questão de tom. Um congresso de compliance aguenta um brilho discreto sobre o título, um festival de comunidade pode deixar chover confetes. O catálogo cobre toda esta amplitude, de efeitos quase impercetíveis aos números mais altos, como o fogo de artifício e a chuva de ouro.

Vocês escolhem o estilo uma vez no editor, ele vale para todos os badges do evento, e a intensidade pode ser contida quando se quer algo mais discreto. Para vos orientar, aqui ficam as famílias de estilos num relance:

Os estilos de texto atuam só na tipografia, o resto do badge fica completamente parado. Um brilho metálico corre sobre as letras como metal, uma cintilação roça-as uma a uma, um gradiente de cor percorre o título. Para entradas maiores, as letras constroem-se uma a uma ou juntam-se a partir de fragmentos, e para formatos de tecnologia há o glitch, que faz a letra tremeluzir por frações de segundo.

Como só a tipografia se mexe, a foto e o nome da pessoa continuam bem legíveis. Isto torna os estilos de texto a primeira escolha para formatos com um público sério, que querem movimento no feed e ao mesmo tempo precisam de parecer um evento profissional. No exemplo em baixo, o brilho metálico corre sobre um layout editorial:

Os estilos de luz trabalham com margem, contorno e feixe. O Edge-Halo do primeiro exemplo manda um brilho ao longo da margem do badge, a moldura néon envolve o motivo em luz de tubo, o laser varre o badge com uma linha nítida, e o holofote passa cones de luz largos por todo o design.

Estes efeitos ganham todo o seu impacto em designs escuros, o brilho destaca o badge do ambiente do feed como um letreiro à noite. Para conferências de tecnologia, formatos noturnos e tudo o que tem luz de palco, é a escolha óbvia. Em baixo, o holofote sobre um conceito néon:

Um grupo de efeitos à parte trabalha diretamente na foto, o coração emocional do badge. O pulsar manda anéis na cor de destaque para fora da foto, em ritmo, como um radar que conduz todos os olhares à pessoa. Aparentados com ele estão a coroa de luz, em que um arco de luz corre à volta da foto de perfil, a coroa de raios, que abre feixes de luz atrás da foto e gira devagar, e a órbita, que faz pontos rodar à volta do rosto.

Estes estilos mostram a sua força nos badges de orador, porque aí o rosto é a mensagem: a pessoa deve ser reconhecida antes de alguém ler o nome. Em baixo, o pulsar no layout clássico com um brilho azul profundo, os anéis trazem a atenção de fora para dentro, até à foto:

O estilo mais flexível do catálogo é a chuva de emojis. Vocês escolhem qualquer emoji, se quiserem até oito misturados, e o badge fá-lo voar como partículas. Há seis padrões de movimento à escolha: cair como chuva, subir como as bolhas do espumante, rebentar a partir do centro, pairar com suavidade, rodopiar como confetes ou dar voltas à foto. Também ajustam a densidade e o tamanho, do acento isolado ao aguaceiro cerrado.

Assim, um efeito passa a ser uma peça do vosso tema: o coração para a gala solidária, o foguetão para o lançamento de produto, o barrete de finalista para a festa de fim de curso, o sol para a festa de verão. Um símbolo que pertence ao vosso evento vai junto em cada badge publicado. Em baixo, o emoji de festa com brilhos no modo confetes:

O ticker é o caso especial do catálogo, porque aqui é texto escrito por vocês que se mexe. Uma faixa corre ao longo da margem do badge, como a barra de notícias da televisão, e leva em ciclo sem fim a frase que deve ficar na memória: um convite como «Let’s connect at OneClickBadge Summit», o pavilhão e o número do stand para a feira ou o aviso da venda de bilhetes.

O texto escrevem-no no editor, e as cores da faixa e da letra ajustam-nas ao vosso design. Em baixo, a frase de exemplo corre por baixo de uma oradora recortada sobre um gradiente de pôr do sol:

A animação quase não muda o processo, e é esse o ponto. Vocês desenham o vosso badge como de costume e abrem depois, no editor, a secção Animação de vídeo. É aí que fica a opção decisiva: «Oferecer descarga do vídeo». Vem desligada de origem, por isso os vossos destinatários descarregam só a imagem. Só com a opção ativada é que, na página do destinatário, aparece a opção de vídeo ao lado da imagem.

Assim que a opção fica ativada, surge por baixo a escolha de estilos com pré-visualização ao vivo. Escolhem um estilo do catálogo, ajustam, se quiserem, intensidade, ritmo e cores do efeito e reproduzem a animação para conferir mesmo no editor, sem terem de mexer em nada no próprio badge.

Os vossos oradores e convidados abrem a seguir o mesmo link de sempre, colocam a foto e o nome e, ao descarregar, escolhem entre imagem e vídeo, ambos sem conta. O vídeo sai em MP4, o formato que o LinkedIn e praticamente qualquer outra plataforma aceitam de forma nativa como publicação de vídeo. Os navegadores mais antigos, que não conseguem exportar MP4, recebem WebM de forma automática. Ninguém tem de renderizar, editar ou instalar uma aplicação, o export acontece no navegador da pessoa.

Quase sempre os dois, consoante o canal. O vídeo mostra a sua força no feed, onde se impõe às imagens paradas. A imagem continua a ser a escolha certa para o perfil, para newsletters e em todo o lado onde os vídeos não arrancam sozinhos. Como as duas versões vêm do mesmo badge, a decisão não custa nada, as vossas pessoas descarregam simplesmente ambos os formatos.

Uma dica prática para publicar: as publicações de vídeo arrancam sem som no LinkedIn. Por isso, todos os estilos aqui foram feitos de raiz para funcionar sem áudio. Quem planeia a estratégia de anúncio à volta disto encontra o roteiro no guia para promover o vosso evento.