Jak jsme za 8 měsíců redesignovali bankovní portál
Jedna z předních bank na českém trhu připravila pro své klienty novou podobu svých webových stránek. Celkovou proměnou prošel nejen hlavní web, ale i několik dalších webů spadajících pod bankovní skupinu. Lundegaard se stal hlavním dodavatelem tohoto redesignu.
Hlavním cílem redesignu bylo zlepšit uživatelskou zkušenost návštěvníků webu a reagovat na významný nárůst počtu uživatelů, kteří k jeho návštěvám využívají mobilní zařízení. Jen minulý rok jich bylo přes 65 % a toto číslo stále stoupá.
Průzkum a návrh redesignu
Celému návrhu předcházel podrobný výzkum nové brandové identity formou kvalitativních i kvantitativních výzkumných metod u cílových skupin (klienti, neklienti, interní pracovníci). Paralelně jsme sbírali nápady a definovali customer journeys, pain points, informační architekturu stránek a technické cíle, které měl redesign splnit.
Návrh nového designu byl postaven na více než 300 uživatelských testech, 1000+ zpětných vazeb od uživatelů původního webu, 10 000 nahrávkách uživatelského chování a 1000+ heatmapách a movemapách.
Výsledný design a přístupnost
Na základě těchto informací byl vytvořen čistý a dobře čitelný design, který uživatelům usnadňuje orientaci. Každá ikona a obrázek byly graficky upraveny, aby stránky působily moderně a konzistentně. Web byl navržen s ohledem na přístupnost, což umožňuje snadné použití i uživatelům se specifickými potřebami, jako jsou lidé se sníženou schopností vidění či sluchu.
Grafické koncepty stránek byly průběžně testovány s vybranými uživateli v UX laboratoři. V této fázi vznikla designová knihovna komponent, sdílená napříč týmy, s jednotným názvoslovím a využitím knihovny Foundations pro definování ikon, barev a dalších vizuálních prvků.
Optimalizace struktury a technologický základ
Web obsahuje přes 7000 URL, které byly detailně analyzovány v nástroji Adobe Analytics. Na základě uživatelských dat byla optimalizována navigace, produktové stránky a celková struktura webu.
Redesign zahrnoval:
Optimalizovaný sjednávací proces, který umožňuje sjednání více než 40 produktů plně online bez návštěvy pobočky.
Přehlednější customer journey, která zredukovala počet dotazů a telefonátů na zákaznickou podporu díky zodpovězení více než 1200 častých dotazů přímo na webu.
Přechod na nové CMS (platforma Liferay 7.4) pro zjednodušení správy obsahu, rychlejší publikování, lepší personalizaci a efektivní A/B testování.
Mobile-first přístup, který zajistil skvělý zážitek na mobilních zařízeních, odkud přichází většina návštěv.
Přínosy redesignu
Sjednání hypoték plně online – uživatelé mohou na webu nejen zjistit, na jakou hypotéku dosáhnou, ale i provést refinancování.
Optimalizace homepage – zvýšená proklikovost klíčových nabídek a lepší user flow z homepage do produktových sekcí.
Diky optimalizaci a redesignu jsme optimalizovali SEO, rychlost stránek a zasadili základni kameny pro řešení přístupnosti A11Y. Tento projekt představoval komplexní výzvu, ale výsledky potvrzují, že redesign měl výrazný pozitivní dopad na uživatelskou spokojenost a výkon webu. Kromě hlavního portálu byl redesign aplikován i na další webové prezentace skupiny.
