Dla kampanii HOT DOG Challenge oprócz animacji KV zaprojektowaliśmy i zakodowaliśmy animowany pasek wyników głosowania. Rozwiązanie prezentuje aktualizowane dane na menuboardach i ekranach Digital Signage Żabki oraz nośnikach DOOH w całej Polsce. Zespół Żabki potrzebował animacji reagującej na wyniki głosowania opartego na sprzedaży. Na tle zapętlonej animacji z postaciami miał pojawić się pasek prezentujący aktualny wynik. Nasze zadanie połączyło projektowanie graficzne, motion design i programowanie.
styleframes
Pasek musiał pasować do key visuala kampanii, czytelnie pokazywać proporcje głosów i zmieniać się wraz z napływającymi danymi. Zaprojektowaliśmy wygląd paska oraz sposób animowania zmian wyniku. Następnie przełożyliśmy projekt na rozwiązanie w HTML5, połączone z danymi sprzedażowymi. Dane aktualizują się co 15 minut, a animacja odzwierciedlała kolejne wyniki. Zamiast przygotowywać osobny materiał dla każdej aktualizacji, stworzyliśmy mechanizm, który dostosowywał prezentację do otrzymanych wartości.
Zaprojektowany i zakodowany przez nas pasek wyników jest responsywny. Jego układ dopasowuje się do różnych proporcji i rozdzielczości ekranów, zachowując czytelność danych oraz spójność z key visualem kampanii. Istotnym wyzwaniem było również zróżnicowane środowisko urządzeń odtwarzających treści. Przygotowaliśmy rozwiązanie z myślą o możliwie szerokiej kompatybilności, uwzględniając różnice techniczne między ekranami.
proces
Rozwiązanie przygotowane dla menuboardów i ekranów Digital Signage rozwinęliśmy również na potrzeby kampanii DOOH. Dostosowaliśmy animację oraz kod HTML5 do wymagań poszczególnych dostawców. W efekcie aktualizowane wyniki HOT DOG Challenge można śledzić zarówno w sklepach Żabka, jak i na ekranach reklamy zewnętrznej w całej Polsce. Powstała komunikacja, w której dane bezpośrednio wpływają na to, co widzi odbiorca.
twórcy
Animacja: Karol Dynysiuk
Programownie: Przemysław Białasz
AI: Przemysław Białasz
referencje
