Zpět na portfolio
09/2024Diponik

Diponik, kalkulačka, která generuje poptávky

Kalkulačka Generování poptávek Branding UX/UI design
Diponik, online kalkulačka a generování poptávek, návrh rozhraní a vizuální identita

V roce 2024 jsem pro Diponik navrhl online kalkulačku dlouhodobého investičního produktu (DIP), která návštěvníkovi spočítá, kolik našetří, a dovede ho k poptávce. Navrhl jsem UX i UI pro počítač i telefon a souběžně s nimi i značku.

Výchozí problém

Web má dva pány. Návštěvník chce rychle zjistit, kolik mu DIP vynese, provozovatel potřebuje kontakt. Když formulář přijde moc brzo, člověk zavře stránku, když moc pozdě, odejde bez kontaktu.

DIP navíc spousta lidí nezná a peníze se do něj posílají na dlouho, takže z rozhraní muselo být poznat, že za ním někdo stojí. A značka v tu chvíli neexistovala, vznikala až s produktem.

Moje role

Pracoval jsem přímo s klientem, bez agentury. Navrhl jsem strukturu webu, celý tok od výpočtu po odemčení výsledku, rozhraní pro počítač i telefon a značku, tedy barvy, písmo a pravidla. Web podle návrhu postavili vývojáři klienta a spustili ho.

Klíčová rozhodnutí

  1. 01

    Kalkulačka hned pod nadpisem

    Návštěvník nepřichází číst o DIP, chce vědět, kolik mu vynese. Kalkulačka proto stojí hned pod nadpisem a chce jen tři údaje, tedy věk, měsíční vklad a příspěvek zaměstnavatele. Záložky „Celkem našetřím“, „Měsíční penze“ a „Chci našetřit“ odpovídají třem otázkám, se kterými lidé přicházejí.

    Co je DIP a proč ho chtít, je až pod kalkulačkou pro ty, kdo ho neznají.

    Kalkulačka Diponiku na počítači a na telefonu se záložkami Celkem našetřím, Měsíční penze a Chci našetřit
  2. 02

    Odhad hned, přesný výsledek za telefon

    Po výpočtu návštěvník uvidí odhad a rozpad na vlastní vklady, příspěvek zaměstnavatele, státní příspěvky a zhodnocení. Přesný výsledek a nabídky se odemknou po ověření telefonu. Návštěvník tak nechává kontakt ve chvíli, kdy už něco dostal a chce vědět víc.

    Okno Chcete zobrazit detaily nabídky s polem pro telefonní číslo na počítači a na telefonu
  3. 03

    Ověřený telefon místo prázdných poptávek

    Výsledek se odemkne až po zadání kódu z SMS. Do poptávek se tak dostanou jen skutečná čísla a nikdo nevolá na smyšlené kontakty. Kdo kód nedostal, zadá číslo znovu.

    Okno Zadejte kód z SMS na počítači a na telefonu
  4. 04

    Kdo nechce počítat, nechá si zavolat

    Na počítači je v hlavičce tlačítko „Zavolejte mi prosím“ a pod kalkulačkou blok „Nechte si zavolat“. Oba otevřou okno, kde stačí telefonní číslo, a otevírací doba v hlavičce říká, kdy se ozvou.

    Okno Zadejte telefonní číslo a my se Vám ozveme na počítači a na telefonu

Výsledek

Pro návštěvníky

Kalkulačka, ve které se zorientuje i laik, a odhad úspor hned po třech údajích.

Pro Diponik

Ověřené telefonní kontakty místo prázdných poptávek a cesta k poptávce, která nepůsobí jako past.

Pro značku

Značka sladěná s rozhraním od jednoho dodavatele, bez shánění dvou.

Stejně navrhuji a stavím i firemní weby, od cesty k poptávce po značku. Víc najdete u tvorby webových stránek.

Co klient ode mě dostal

Čtyři části, které musí táhnout za jeden provaz, jinak si navzájem překážejí.

01

Kalkulačka

Tři údaje a tři záložky, ve kterých se vyzná i laik.

02

Cesta k poptávce

Formulář ve chvíli, kdy je návštěvník připravený nechat kontakt, ne dřív.

03

UI design

Rozhraní, které u finančního produktu působí důvěryhodně. Klid, čitelnost a žádné překvapení.

04

Vizuální identita

Barvy, písmo a pravidla značky, se kterými web i komunikace vypadají jako jeden celek.