Um badge animado salta à vista enquanto se percorre o feed

O vídeo em baixo é uma exportação sem edição: o estilo Halo de luz (borda), 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 entram no campo de visão, sem som e em ciclo. Entre tantas publicações 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 renderização. Aqui, nasce no navegador da pessoa: ela abre o vosso link, coloca a foto e o nome, e a exportação gera o MP4 pessoal dela com o 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 de convidado para convidado, e quão forte é, mostra-o o 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 confétis. O catálogo cobre toda esta amplitude, de efeitos quase impercetíveis aos números mais espalhafatosos, como os fogos de artifício e a chuva dourada.

Vocês escolhem o estilo uma vez no editor, e este vale para todos os badges do evento; 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. O estilo Folha metálica corre como metal sobre as letras, o Reflexo do texto roça-as uma a uma, o Texto gradiente faz passar um gradiente de cor pelo 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 estilo Folha metálica corre sobre um layout editorial:

Os estilos de luz trabalham com margem, contorno e feixe. O Halo de luz (borda) do primeiro exemplo manda um brilho ao longo da margem do badge, o Néon (moldura) 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 estilo Pulse 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 o Halo de luz (foto), em que um arco de luz corre à volta da foto de perfil, os Raios de luz, que se abrem em leque atrás da foto e giram 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 Pulse 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 é o das Animações 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 confétis 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 Confétis:

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 em vídeo. É aí que fica a opção decisiva: «Oferecer download em 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, a exportação 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, a vossa gente descarrega 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.