Leasing České spořitelny: Web s chytrou kalkulačkou i formuláři

Tři samostatně fungující weby jsme sloučili do jednoho

Původně měl klient tři samostatné weby, což nebylo úplně praktické pro uživatele, ani pro správu obsahu. Naším úkolem bylo vytvořit jednotnou platformu.

Spojili jsme informace i funkce ze všech tří webů do jednoho místa, takže:

• uživatelé teď najdou všechno na jednom místě,
• správa obsahu je pro tým Leasingu mnohem jednodušší,
• web je rychlejší, přehlednější a působí jednotně.

Od začátku bylo jasné, že nový web Leasing České spořitelny musí respektovat vizuální styl značky. Striktní pravidla jsme ale vnímali jako příležitost pro kreativitu. Výsledkem je web, který ač přirozeně zapadá mezi ostatní stránky České spořitelny, dokáže vystoupit z řady díky promyšleným detailům.

Klíčovou součástí celého webu jsou formuláře

Pro klienta bylo zásadní, aby formuláře na webu splňovaly nejvyšší standardy. Naprostou prioritou bylo, aby byly jednoduché na ovládání, přehledné a funkční. 

A funguje to asi nějak takto…

Představte si, že máte před sebou formulář s 90 políčky. Vypadá to děsivě, že? My jsme ho ale nastavili tak, aby se zobrazilo jen to, co skutečně potřebujete. Jakmile zvolíte možnost „Fyzická osoba“, otevře se vám jen 20 relevantních polí. 

Formuláře se tedy přizpůsobí výběru a také:

• zobrazují jen potřebná pole,
• kontrolují povinná pole, formát e-mailů i telefonních čísel,
• mají logickou strukturu a přirozeně vás provedou celým procesem.

Automatická validace pohlídá každý detail

Kouzlo, které jsme vytvořili pro Leasing, nese název automatická backendová validace. Systém reaguje na každou změnu v nastavení formuláře a automaticky přizpůsobí pravidla bez nutnosti ručního zásahu v CMS.

Co to znamená? Místo složitého nastavování systém sám projde všechna pravidla a zajistí, že vše funguje přesně tak, jak má. 

Kalkulačka vás provede krok za krokem

Na webu Leasing České spořitelny najdete kalkulačku, která vám během několika vteřin spočítá všechny základní parametry financování. Postup je jednoduchý a přehledný:

1. Vyberete, co chcete financovat – osobní či elektroauto, motorku a čtyřkolku nebo stroj či nákladní auto.
   
2. Zvolíte typ subjektu – fyzická osoba nebo firma.
   

Nastavíte způsob kalkulace – buď podle výše úvěru (pořizovací cena + akontace + délka splácení), nebo podle výše měsíční splátky.

Parametry si snadno nastavíte pomocí posuvníků. Výsledek se vám hned zobrazí v pravé části obrazovky – vidíte výši první splátky, měsíční splátku i celkovou délku splácení.

Pro větší flexibilitu můžete započítat i poslední navýšenou splátku. A pokud už víte, kolik si můžete dovolit splácet, jednoduše postavíte výpočet právě na této částce.

Jakmile máte spočítáno, stačí kliknout na „Nezávazně poptat.“ V té chvíli se vám přímo v kalkulačce otevře jednoduchý formulář, do kterého doplníte kontaktní údaje a odešlete poptávku.

Nastavíte způsob kalkulace – buď podle výše úvěru (pořizovací cena + akontace + délka splácení), nebo podle výše měsíční splátky.

Parametry si snadno nastavíte pomocí posuvníků. Výsledek se vám hned zobrazí v pravé části obrazovky – vidíte výši první splátky, měsíční splátku i celkovou délku splácení.

Pro větší flexibilitu můžete započítat i poslední navýšenou splátku. A pokud už víte, kolik si můžete dovolit splácet, jednoduše postavíte výpočet právě na této částce.

Jakmile máte spočítáno, stačí kliknout na „Nezávazně poptat.“ V té chvíli se vám přímo v kalkulačce otevře jednoduchý formulář, do kterého doplníte kontaktní údaje a odešlete poptávku.

Bezpečnostní testy jsme zvládli na jedničku

Než nový web spatřil světlo světa, čekal ho důležitý krok – penetrační testy, které prověřily jeho odolnost vůči možným hrozbám. A výsledek? Web prošel s výborným hodnocením, což jen potvrzuje, že data jsou spolehlivě chráněna.

Klient tak získal jistotu, že jeho web splňuje všechny nároky na bezpečnost a může se na něj plně spolehnout.

Přístupnost jako součást řešení

Jak jsme už zmínili, formuláře hrály na webu klíčovou roli. Právě ony byly z pohledu přístupnosti tou největší výzvou – a to kvůli množství interakcí, které v sobě mají. Každý prvek jsme museli nastavit tak, aby šel pohodlně ovládat nejen myší, ale i klávesnicí. Zároveň jsme zajistili, aby si s ním poradili také lidé, kteří používají čtečku obrazovky.

To znamenalo například:

• doplnit jasné informace o tom, co se dá rozbalit nebo vybrat,
• zajistit, aby uživatel dostal zpětnou vazbu, co právě potvrdil,
• nastavit logické pořadí pohybu po stránce pomocí klávesnice,
• rozlišit obrázky s informační hodnotou od čistě ilustračních.
  

Díky těmto úpravám se k obsahu dostanou všichni uživatelé bez ohledu na to, jaký způsob ovládání nebo asistivní technologie používají.

Naše postupy pro přístupnost vznikaly právě tady

Protože šlo o náš první projekt, kde jsme přístupnost řešili do hloubky, věnovali jsme mu i spoustu času na testování a hledání nejlepších postupů. Výsledkem bylo, že jsme si nastavili interní standardy, které dnes aplikujeme i na dalších webech.

Web Leasingu tak splňuje nové legislativní požadavky, které platí od roku 2025. Této problematice jsme se věnovali i podrobněji včlánku na blogu.

Spolupráce, která spuštěním nekončí

S klientem jsme se domluvili na dlouhodobé spolupráci, takže web nejen udržujeme, ale průběžně ho i rozvíjíme. Díky tomu zůstává v kondici a zároveň se posouvá podle aktuálních potřeb klienta.

Hledáte podobně rozsáhlé a pokročilé řešení i pro svůj byznys? Ozvěte se nám!