Když banka věří svému webu víc než finančním poradcům: kompletní remake Moneta.cz

Strategií MONETA Money Bank bylo zaměřit se na rozvoj přímého prodeje produktů prostřednictvím webu. Společnost se chtěla stát lídrem v online sjednávání a věřila této vizi natolik, že ještě před spuštěním webu Moneta ukončila spolupráci s finančními poradci. Moneta je jedna z nejvíce retailových bank v ČR a kvalita digitální akvizice je pro ně mnohem kritičtější než pro jiné banky, které mají silnější korporátní klientelu.

Web je postaven na portálové platformě Liferay DXP a využívá knihovny ReactJS (pro dynamické prvky webu - kalkulačky, grafy, kurzový lístek). Systém běží v cloudu v AWS.

Součástí procesu byl i redesign vizuální identity firmy. V době vývoje přes 65 % návštěv přicházelo z mobilu, takže bylo potřeba zlepšit rychlost načítání a responzivitau. Každá vteřina pomalého načtení znamená reálné peníze.

Zprvu jsem si myslela, že náplň práce bude rutinní odbavení prezentační stránky banky, nicméně obtížnost se změní, když váš klient požaduje nejlepší prezentaci ve svém oboru a požaduje výsledky, které na začátku nezní realisticky. Když soupeříte s dalšími bankami, které mají obrovské rozpočty a musíte být lepší než oni.

Práce probíhala v multi-vendor týmu s 3 web vývojáři. K dispozici jsme měli interního UX Designera, který dohlížel na UX a přístupnost.

Vyvýjela jsem front-endové React moduly, které byly konfigurovatelné a na web integrovány prostřednictvím CMS Liferay DXP.

Vytvořili jsme nový design systém, abychom měli modulární komponenty a bylo je možné sdílet mezi více sekcí portálu.

Web se staví jako „mobile-first“ a bylo potřeba mít rychlý first paint na mobilu. Rychlý web mají uživatelé rádi (a také vyhledávače). Optimalizace se týkala zejména načítání a renderování JavaScriptu, optimalizace obrázků a využití moderních webových technologií.

Zlepšili jsme orientaci a přepracovali některé sekce, aby se klienti dostávali snadno k produktům, pobočkám, ATM, kontaktům.

Podařilo se zahrnout WCAG / EAA přístupnostní normy s předstihem před zákonným termínem. Vyžadovalo to přizpůsobení velikosti fontů, kontrastů a možnosti pohybu po webu prostřednictvím čteček, klávesnice nebo tabulátorů. Toto bylo zapracované do základního design systému.