Animowany badge zwraca uwagę, gdy feed się przewija

Pierwszy przykład pokazuje rzeczywisty eksport: świetlną obwódkę przy krawędzi w sześciosekundowej pętli. Możecie wyraźnie wybrać taką pętlę. Przy jednorazowym intro efekt działa tylko na początku, a potem grafika pozostaje nieruchoma.

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 jedyną rzeczą na ekranie, która 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. Co pokazują badania nad ruchem i uwagą, zebraliśmy w osobnym poradniku.

Każda osoba sama dodaje zdjęcie oraz imię i nazwisko. Jej przeglądarka tworzy z nich osobiste wideo w stylu wydarzenia. Projektujecie badge raz i udostępniacie link, a eksport odbywa się na urządzeniach gości.

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 wyświetla się w sieci kontaktów danej osoby, efekt sumuje się z każdym kolejnym gościem, jak mocno, wylicza artykuł o efekcie sieciowym.

Animacja to kwestia tonu. Kongres poświęcony compliance 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 te najbardziej widowiskowe, takie jak fajerwerki i złoty deszcz.

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

Style tekstu ożywiają wyłącznie napis, reszta badge’a pozostaje całkiem nieruchoma. Styl Folia przechodzi po literach jak metal, Połysk tekstu muska je po kolei, a przy stylu Tekst gradientowy przez tytuł wędruje przejście kolorów. 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 styl Folia przechodzi po układzie redakcyjnym:

Style świetlne pracują krawędzią, konturem i wiązką. Świetlna obwódka (krawędź) z pierwszego przykładu prowadzi poświatę wzdłuż krawędzi badge’a, Neon (ramka) otacza motyw świecącymi rurkami, Laser skanuje badge ostrą linią, a Szperacz 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 Szperacz na neonowej koncepcji:

Osobna grupa efektów pracuje wprost na zdjęciu, emocjonalnym rdzeniu badge’a. Styl 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ą Świetlna obwódka (zdjęcie), w której łuk światła obiega zdjęcie profilowe, Promienie światła, które rozchodzą się wachlarzem za zdjęciem i powoli się obracają, oraz Orbita, w której wokół twarzy krążą punkty.

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:

Najbardziej elastycznym stylem w katalogu są Animacje 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 dryfować 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, pojawia się na każdym opublikowanym badge’u. Poniżej emoji imprezy z iskierkami w trybie konfetti:

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 w nieskończonej pętli wyświetla 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:

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 znajduje się kluczowy ptaszek: „Zaoferuj 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ć.

Wybierzcie też między jednorazowym intro a ciągłą pętlą. Pętla jest początkowo wyłączona. Goście dodają zdjęcie oraz imię i nazwisko, a potem pobierają obraz lub wideo. Preferowany jest MP4, ale zależnie od przeglądarki możliwy jest WebM. Jeśli przeglądarka nie potrafi nagrywać wideo, eksport wideo nie jest dostępny. Eksport odbywa się na urządzeniu danej osoby.

Najczęściej jedno i drugie, w zależności od kanału. 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: posty 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.