Kontekst projektu
Pernod Ricard jest francuską firmą produkująca napoje alkoholowe, a na świecie jest drugim największym sprzedawcą win i napojów spirytusowych. Podczas gdy młoda królowa Elżbieta była koronowana w Westminster Abbey, 500 mil od Londynu Mistrz mieszanek u Braci Chivas postanowił oddać hołd tworząc najlepszą Szkocką Whisky - Royal Salute. A więc poprzeczka jest już od samego początku była umieszczona wysoko. Aby dotrzeć do nieco młodszego grona odbiorców Pernod postawiło na innowacyjność oraz styl, aby zapoznać nową klientelę z produktem. Na potrzeby tego została stworzona interaktywna strona produktu w wersji dedykowanej na urządzenia mobilne, która prezentuje produkt w bardzo unikalny i indywidualny sposób.
Wyzwanie
Jak można zainteresować młodszą generację wytrawnym trunkiem? Co zrobić by prezentacja tak wyrafinowanego produktu trafiła do większego grona? Oraz jak pogodzić ze sobą dwie wersje językowe oraz dwóch partnerów klienta - jeden partner obsługuje kampanie reklamowe, drugi natomiast landing page w którym osadzona zostało nasze rozwiązanie. Oznacza to, że potrzebna jest synchronizacja działań marketingowych i ich narzędzi do śledzenia efektów. Dodatkowym wyzwaniem było opracowanie optymalnego rozwiązania do przekazywania danych między stroną działającą w iframe umieszczonym na podstronie serwisu głównego klienta.
Realizacja
Wiedząc, że odbiorcami są osoby młodsze przygotowaliśmy angażującą stronę www wypełnioną animacjami, która dział tylko na urządzeniach mobilnych oraz wykorzystuje elementy dostępne tylko dla smartfonów (np. ekran dotykowy). Dla konsumentów wchodzących na wersję desktop, czekała przygotowana zaślepka kierująca na wersję mobilną strony. Przygotowaliśmy również dwie gry, których przejście odblokowywało zapis na newsletter oraz promocje na ten produkt. Kluczowy i wymagany przepisami była także "bramka z pytaniem o rok urodzenia" tzw. age gate, która przepuszczała tylko osoby deklarujące określony przepisami wiek. Inaczej funkcjonowała dla konsumentów na wyspie Tajwan, a inaczej w Korei Południowej ze względu na inne uregulowania prawne dotyczące minimalnego wieku uprawniającego do spożywania alkoholu. Pełna wersja strony produktowej została przygotowana na rynek Korei Południowej oraz mieszkańców Tajwanu.
Moduły i funkcjonalności
Jest to interaktywny sposób na walidację wieku użytkownika - również jest to w wizualne przedstawienie informacji, że produkt jest dostępny dla osób powyżej określonego prawem wieku tzw. legal drinking age. Na grafice strony widzimy, że alkohol znajduje się za bramą, po kliknięciu w szyfr, podajemy swoją datę urodzenia i jeśli system potwierdzi, że możemy legalnie
kupować alkohol, przepuści nas do kolejnego kroku, a towarzyszy temu dedykowana animacja.
Spośród dostępnych i wciąż przemieszczających się kluczy konsument ma za zadanie znaleźć oficjalny klucz Royal Salut i otworzyć nim bramę. Aby odnaleźć odpowiedni klucz, konsument musi złapać kolejne klucze i przesuwając palcem po ekranie urządzenia mobilnego umieścić na grafice zamka na bramie. Efektem poprawnego dopasowania odpowiedniego klucza jest dodatkowa animacja.
Gra Keys
Spośród dostępnych i wciąż przemieszczających się kluczy konsument ma za zadanie znaleźć oficjalny klucz Royal Salut i otworzyć nim bramę. Aby odnaleźć odpowiedni klucz, konsument musi złapać kolejne klucze i przesuwając palcem po ekranie urządzenia mobilnego umieścić na grafice zamka na bramie. Efektem poprawnego dopasowania odpowiedniego klucza jest dodatkowa animacja..
Główny komunikat dla konsumenta: połącz ze sobą znaki przesuwając je palcem, tak aby powstał ukryty kształt. Gra rozpoznaje niepoprawne wzory i jeśli gracz go wykona to zostanie o tym poinformowany. Dodatkowo jako podpowiedź, niektóre elementy na ekranie podświetlają się w odpowiedniej kolejności, aby nakierować gracza na prawidłowe rozwiązanie.
Zakres projektu
- Frontend CSS/JS
- Integracja z zewnętrznymi usługami
- osadzenie strony jako iframe w strukturze strony globalnej
- oskryptowanie aktywności użytkownika na stronie, w celu monitorowania leadów