Zacznij za darmo

Animowany badge zwraca uwagę, gdy feed się przewija

Feed jest pełen nieruchomych obrazów i właśnie dlatego ruch zwraca uwagę. Animowany badge to ta sama zapowiedź co obraz, tylko jako krótkie, nieme wideo: światło wędruje, konfetti opada, imię zostaje. Poniżej widzicie sześć prawdziwych przykładów, wyeksportowanych z edytora, bez zmian.

Tak to wygląda

Wideo poniżej to niezmieniony eksport: styl Edge-Halo, w którym poświata wędruje wzdłuż krawędzi badge'a, jako bezszwowa pętla sześciu sekund. Na LinkedIn takie wideo uruchamia się w feedzie automatycznie i bez dźwięku, a ruch robi to, czego nie potrafi nieruchomy obraz: zatrzymuje kciuk na chwilę.

Prawdziwy eksport z edytora: styl Edge-Halo, sześciosekundowa pętla, MP4.

Dlaczego animowany badge wygrywa w feedzie

LinkedIn uruchamia wideo automatycznie, gdy tylko wjadą w pole widzenia, bez dźwięku i w pętli. Wśród samych nieruchomych postów animowany badge jest często jedynym na ekranie, co się rusza, a na zmianę oko reaguje pewniej niż na najmocniejszy kolor. Ruch nie musi przy tym nic opowiadać. Wędrująca poświata wystarczy, żeby zatrzymać kciuk na tę jedną sekundę, w której czyta się imię i wydarzenie.

Właściwy myk tkwi w personalizacji. Osobne wideo dla każdego pojedynczego gościa to klasycznie zlecenie dla agencji, z programem do montażu i czasem renderowania. Tutaj powstaje w przeglądarce danej osoby: otwiera wasz link, wstawia zdjęcie i imię, a eksport liczy jej osobiste MP4 w stylu wydarzenia. Stu gości daje sto różnych filmów, a wasz nakład pracy zostaje przy jednym badge'u i jednym linku.

Do tego dochodzi rzadkość. Akcje z badge'ami idą w feedzie zwykle jako nieruchomy obraz, więc badge, który się porusza, tym mocniej rzuca się w oczy. A ponieważ każdy z tych filmów gra w sieci danej osoby, efekt sumuje się przez waszych gości, jak mocno, wylicza artykuł o efekcie sieciowym.

Ponad 50 stylów, od niewidocznie cichych po fajerwerki

Animacja to kwestia tonu. Kongres o zgodności zniesie subtelny połysk nad tytułem, festiwal społecznościowy może puścić deszcz konfetti. Katalog obejmuje całą tę rozpiętość, od ledwie zauważalnych efektów po głośne numery, takie jak fajerwerki i złoty deszcz.

Styl wybieracie raz w edytorze, obowiązuje dla wszystkich badge'y wydarzenia, a intensywność da się przyhamować, gdy ma być subtelniej. Dla orientacji przegląd rodzin stylów:

Rodzina stylówPrzykłady z kataloguPasuje do
Efekty tekstuMetaliczny połysk, migotanie, gradient koloru, składanie liter, glitchKongresy i formaty branżowe, które chcą powściągliwości
Światło i ramkiEdge-Halo, neonowa ramka, laser, reflektorCiemne projekty, wydarzenia technologiczne, imprezy wieczorne
Wokół zdjęciaPuls, świetlisty pierścień, wieniec promieni, orbitaBadge'e prelegentów, w których twarz jest w centrum
CząsteczkiKonfetti, złoty deszcz, fajerwerki, śnieg, świetlikiŚwiętowania, jubileusze, festiwale, wydarzenia sezonowe
AtmosferaZorza, bokeh, gwiaździste niebo, plazma, spadające gwiazdySpokojny ruch w tle, zdjęcie i tekst pozostają nieruchome
Deszcz emojiDowolne emoji jako cząsteczka, sześć wzorów ruchuWydarzenia z własnym znakiem, od gali po launch
Pasek przewijanyTicker z dowolnie wybranym tekstemHasło zaproszenia, numer stoiska, informacja o biletach

Animowane napisy: najspokojniejsza droga do ruchu

Style tekstu ożywiają wyłącznie napis, reszta badge'a pozostaje całkiem nieruchoma. Metaliczny połysk przechodzi po literach jak metal, migotanie muska je po kolei, gradient koloru wędruje przez tytuł. Na większe wejścia litery składają się pojedynczo albo zbierają z fragmentów, a na formaty technologiczne jest glitch, który sprawia, że napis miga przez ułamki sekundy.

Ponieważ rusza się tylko typografia, zdjęcie i imię osoby pozostają czytelne bez zakłóceń. To czyni style napisów pierwszym wyborem dla formatów z poważną publicznością, które chcą ruchu w feedzie, a przy tym mają wyglądać jak wydarzenie branżowe. W przykładzie poniżej metaliczny połysk przechodzi po układzie redakcyjnym:

Prawdziwy eksport: styl Metaliczny połysk, metaliczne migotanie wędruje po napisie.

Świecące ramki: badge jako źródło światła

Style świetlne pracują krawędzią, konturem i wiązką. Edge-Halo z pierwszego przykładu prowadzi poświatę wzdłuż krawędzi badge'a, neonowa ramka otacza motyw światłem rurek, laser skanuje badge ostrą linią, a reflektor przesuwa po całym projekcie szerokie stożki światła.

Pełną siłę te efekty pokazują na ciemnych projektach, blask wyodrębnia badge z otoczenia feedu jak szyld w nocy. Na konferencje technologiczne, formaty wieczorne i wszystko ze światłem scenicznym to oczywisty wybór. Poniżej reflektor na neonowej koncepcji:

Prawdziwy eksport: styl Reflektor, stożki światła przesuwają się po badge'u.

Wokół zdjęcia: puls stawia twarz w centrum

Osobna grupa efektów pracuje wprost na zdjęciu, emocjonalnym rdzeniu badge'a. Puls wysyła rytmicznie pierścienie w kolorze akcentu od zdjęcia na zewnątrz, jak radar, który kieruje wszystkie spojrzenia na osobę. Pokrewne mu są świetlisty pierścień, w którym łuk światła obiega zdjęcie profilowe, wieniec promieni, który rozkłada promienie światła za zdjęciem i powoli się obraca, oraz orbita, która okrąża twarz punktami.

Te style pokazują swoją siłę przy badge'ach prelegentów, bo tam twarz jest przekazem: osoba ma zostać rozpoznana, zanim ktoś przeczyta imię. Poniżej puls na klasycznym układzie z głęboko niebieskim blaskiem, pierścienie przyciągają uwagę z zewnątrz do środka, na zdjęcie:

Prawdziwy eksport: styl Puls, pierścienie w kolorze akcentu pulsują od zdjęcia prelegenta na zewnątrz.

Deszcz emoji: wasz znak staje się efektem

Najbardziej elastyczny styl w katalogu to deszcz emoji. Wybieracie dowolne emoji, na życzenie do ośmiu zmieszanych, a badge puszcza je jako cząsteczki. Do wyboru sześć wzorów ruchu: opadać jak deszcz, unosić się jak bąbelki w szampanie, wybuchać ze środka, delikatnie unosić się dookoła, wirować jak konfetti albo okrążać zdjęcie. Do tego regulujecie gęstość i wielkość, od pojedynczego akcentu po gęstą ulewę.

Dzięki temu z efektu powstaje element motywu: serce na galę charytatywną, rakieta na launch produktu, biret na uroczystość absolwentów, słońce na letni festyn. Znak, który należy do waszego wydarzenia, jedzie na każdym opublikowanym badge'u. Poniżej emoji imprezy z iskierkami w trybie konfetti:

Prawdziwy eksport: deszcz emoji w trybie konfetti, emoji imprezy i iskierki wirują po projekcie.

Ticker: wasza wiadomość jako pasek przewijany

Ticker to szczególny przypadek w katalogu, bo tutaj rusza się tekst, który sami piszecie. Pasek przesuwa się wzdłuż krawędzi badge'a, jak pasek wiadomości w telewizji, i niesie w nieskończonej pętli tę jedną linijkę, która ma zostać w pamięci: zaproszenie w rodzaju „Let’s connect at OneClickBadge Summit”, halę i numer stoiska na targi albo informację o sprzedaży biletów.

Treść wpisujecie w edytorze, kolory paska i napisu dopasowujecie do swojego projektu. Poniżej przykładowa linijka biegnie pod wyciętą prelegentką na gradiencie zachodu słońca:

Prawdziwy eksport: styl Ticker, pasek „Let’s connect at OneClickBadge Summit” przesuwa się przy dolnej krawędzi.

Przebieg: jeden ptaszek w edytorze, wasi ludzie pobierają wideo

W przebiegu animacja prawie nic nie zmienia i o to właśnie chodzi. Projektujecie swój badge jak zwykle, a potem otwieracie w edytorze sekcję Animacja wideo. Tam siedzi kluczowy ptaszek: „Udostępnij pobieranie wideo”. Fabrycznie jest wyłączony, wtedy wasi odbiorcy pobierają tylko obraz. Dopiero po zaznaczeniu ptaszka na stronie odbiorcy obok obrazu pojawia się też opcja wideo.

Gdy tylko ptaszek jest zaznaczony, poniżej pojawia się wybór stylu z podglądem na żywo. Wybieracie styl z katalogu, na życzenie dopasowujecie intensywność, tempo i kolory efektu i odtwarzacie animację do kontroli wprost w edytorze, w samym badge'u nie musicie do tego nic przebudowywać.

Wasi prelegenci i goście otwierają potem ten sam link co zawsze, wstawiają zdjęcie i imię i przy pobieraniu mają wybór między obrazem a wideo, jedno i drugie bez konta. Wideo przychodzi jako MP4, format, który LinkedIn i praktycznie każda inna platforma przyjmują natywnie jako wpis wideo. Starsze przeglądarki, które przy eksporcie nie radzą sobie z MP4, dostają automatycznie WebM. Nikt nie musi renderować, montować ani instalować aplikacji, eksport dzieje się w przeglądarce danej osoby.

1
Zaznaczcie ptaszek
Włączcie „Udostępnij pobieranie wideo”, wybierzcie styl i sprawdźcie podgląd.
2
Udostępnijcie link
Ten sam link co przy statycznym badge'u.
3
Opublikujcie wideo
Zdjęcie w środek, pobierzcie MP4, wrzućcie jako wpis wideo.

Kiedy wideo, kiedy obraz?

Najczęściej jedno i drugie, w podziale na kanał. Wideo pokazuje swoją siłę w feedzie, gdzie wygrywa z nieruchomymi obrazami. Obraz pozostaje właściwym wyborem do profilu, do newsletterów i wszędzie tam, gdzie wideo nie uruchamia się automatycznie. Ponieważ obie wersje pochodzą z tego samego badge'a, decyzja nic nie kosztuje, wasi ludzie po prostu pobierają oba formaty.

Praktyczna rada do publikowania: wpisy wideo startują na LinkedIn bez dźwięku. Wszystkie style tutaj są dlatego z góry tak zbudowane, że działają bez dźwięku. Kto planuje wokół tego strategię zapowiedzi, znajdzie plan w poradniku o promocji waszego wydarzenia.

Powiązane

Najczęstsze pytania

Czy LinkedIn przyjmuje animowany badge jako wideo?
Tak. Eksport to zwykłe MP4, które wrzucacie jako wpis tak jak każde wideo. W feedzie uruchamia się automatycznie i bez dźwięku oraz się powtarza. Jako zdjęcie profilowe nadal działa tylko obraz, dlatego badge jest dostępny dodatkowo jako obraz do pobrania.
Jak długie i jak duże jest takie wideo?
Kilka sekund, założone jako bezszwowa pętla, a dzięki małej powierzchni zwykle tylko kilkaset kilobajtów do kilku megabajtów. Przykład powyżej to sześciosekundowa pętla o rozmiarze około 100 kilobajtów, daleko poniżej każdego limitu wgrywania.
Jakich emoji może użyć deszcz emoji?
Wszystkich z wyboru emoji w edytorze, także kilku naraz, wtedy opadają zmieszane. Do tego dochodzi sześć wzorów ruchu, od deszczu przez konfetti po orbitę wokół zdjęcia, oraz suwaki gęstości i wielkości cząsteczek.
Czy odbiorcy potrzebują do tego aplikacji albo programu?
Nie. Eksport wideo działa w przeglądarce danej osoby, tą samą drogą co pobieranie obrazu: otworzyć link, wstawić zdjęcie i imię, pobrać wideo. Nowoczesne przeglądarki eksportują MP4, starsze dostają automatycznie WebM.
Czy animacja działa też na certyfikacie uczestnictwa?
Nie. Certyfikat to dokument, żyje jako drukowalny PDF i sprawdzalne poświadczenie, a nie jako efekt. Animacja należy do zapowiedzi, czyli na badge. Jedno i drugie razem obejmuje przed i po waszym wydarzeniu.