Kontekst projektu
ZKB (Zürcher Kantonalbank) to największy bank kantonal (państwowy) i 4 największy w Szwajcarii a w 2009 został ogłoszony najbezpieczniejszym bankiem na świecie. Dla takiej marki niezwykle ważne jest docieranie do każdej grupy docelowej, w tym celu ZKB postanowiło uruchomić frankly - serwis i aplikację które mają zrewolucjonizować odkładanie pieniędzy na emeryturę, między innymi dzięki stałej jednej opłacie (fee) oraz nowoczesnej aplikacji.
Wyzwanie
Działania proaktywne, szczególnie dotyczące pieniędzy to wyzwanie samo w sobie, szczególnie jeśli chodzi o czas odległy jak emerytura. Życzeniem klienta było stworzenie jak najbardziej przejrzystego serwisu oraz aplikacji, tak aby wszystko było "czarno na białym" bo w kwestii Twojej przyszłości - wszystko powinno być jasne jak słońce. Kampania posiada również cele społeczności, gdzie im więcej ludzi zadba o swoją przyszłość z frankly, tym mniejsza będzie opłata dla wszystkich. Kampania rozbita jest również na kilka etapów a w każdym są różne kanały dotarcia do klientów - wymagało to również przygotowania szablonów stron które posiadają wspólne elementy, dzięki czemu zmiany będą wprowadzane raz - zamiast kilkunastu.
Realizacja
Wraz z naszymi partnerami z JvM/limmat przygotowaliśmy w pełni responsywny serwis www . Treści na stronie zarządzane są przez system Neos-CMS. Pozwala on łatwo i szybko wprowadzić niezbędne zmiany dla każdej z trzech dostępnych wersji językowych i każdego tygodnia kampanii. System CMS wypuszcza pliki konfiguracyjne, z których korzysta potem aplikacja renderując zawartość stron. Wychodząc na przeciw skali zadania (3 największy bank w całym Państwie) przygotowaliśmy moduł dynamicznego kalkulatora który łączy Neos-CMS z contentem statycznym, dzięki takiemu rozwiązaniu potrafiliśmy obsłużyć bardzo duża ilość osób w krókim czasie.
Moduły i funkcjonalności
![](https://180hb.com/_Resources/Persistent/9d78c79e6c08d6c5b5fb72bf99f1056e1b1396ba/180zkbf-180x90.jpg)
Dzięki rozwiązaniu NEOS-CMS możliwa jest dynamiczna zmiana praktycznie każdego treści i każdego materiału graficznego w dowolnym momencie trwania kampanii, jest to szczególnie ważne przy 3. community milestones, które mogą wydarzyć się w każdej chwili oraz biorąc pod uwagę liczną ilość landing page które posiadają wspólne elementy, ale mają również unikalny układ.
W ramach projektu nagłówki zostały zróżnicowane i opracowane w zależności od komunikacji / kanału. Czasem dla jednych landing page jest to tekst, dla innych jest to wideo.
![](https://180hb.com/_Resources/Persistent/5a56ce1ae4ad5a7f7ae2f35db94880e8ceace15d/zkb-frankly-header-jpg-full-hd-180x88.jpg)
![](https://180hb.com/_Resources/Persistent/891e26b24baa913b90a55ad6352a1a77e7c8630c/180hb-zkb-frankly-module2-benefits-full-hd-180x88.jpg)
Benefit slider
Aby optymalnie dopasować główne cechy i zalety aplikacji frankly na różnych landing page'ach są one serwowane w różnej kolejności, dopasowanej do komunikacji / kanału. Dzięki temu mechanizmowi możliwe jest prezentowanie treści w różnych układach dla zróżnicowanych grup odbiorców kampanii.
Kalkulator prognozujący emeryturę użytkownika nawet do 46 lat w przyszłość. Mechanizm kalkulatora został zbudowany tak, aby przyjąć setki zapytań tysięcy użytkowników w tym samym czasie. Dzięki temu jest on w stanie obsłużyć zmiany parametrów i związane z nimi obliczenia oraz publikację na stronie bez widocznych opóźnień.
![](https://180hb.com/_Resources/Persistent/24ad0892211cf575514a334f218d062c86fee027/180hb-zkb-frankly-module3-kalkulator-full-hd-180x88.jpg)
![](https://180hb.com/_Resources/Persistent/ec934506b8cc074a23ee158574c02d3e98df0daa/180hb-zkb-frankly-module3-community-full-hd-180x88.jpg)
Moduł który przedstawia jak ważne jest zaangażowanie społeczne. Pomysł prosty i diabelnie skuteczny: im więcej osób odłoży tym większą zniżkę mają wszyscy użytkownicy, a wszystko przeliczane w czasie rzeczywistym.
Na potrzeby kampanii wspierających uruchomienie aplikacji frankly była potrzeba skonfigurowania i opublikowania prawie tuzina dedykowanych landing page'y. Duża część contentu była dla nich wspólna, ale jedno z wymagań definiowało potrzebę zarządzania treściami w jednym miejscu w CMS. Strony posiadają również indywidualne elementy dopasowane do grupy docelowej i kanału emisji, dzięki czemu ważne zmiany dotyczące całego produktu mogą być komunikowane jednocześnie na wszystkich landing page'ach. Różnicowanie układu i elementów CTA możliwe są do skonfigurowania dla każdego z nich indywidualnie.
To rozwiązanie dostępne jest do skonfigurowania i wdrożenia w ramach platformy NEOS, jest także skalowalne w przypadku innych rozwiązań.
![](https://180hb.com/_Resources/Persistent/68832574dbf625504302ae83fda51e20342058e0/180hb-zkb-frankly-module4-landing-pages-full-hd-180x88.jpg)
Zakres projektu
- Frontend CSS/JS
- RWD
- Wdrożenie Neos CMS
- Integracja z zewnętrznymi usługami
- Serwowanie statycznego contentu w dynamicznym module
![](https://180hb.com/_Resources/Persistent/9a69085dd4d783315ecad0bf081ceba8568e4fea/180hb-zkb-frankly-gallery-bottom-1-full-hd-180x383.jpg)
![](https://180hb.com/_Resources/Persistent/5a599ad142ff1d03bed1dea96ba137b5a1f7ff63/180hb-zkb-frankly-gallery-bottom-2-full-hd-180x765.jpg)
![](https://180hb.com/_Resources/Persistent/3b65762dcf3e822c2dc588ed742139e60227a20c/180hb-zkb-frankly-gallery-bottom-3-full-hd-180x355.jpg)