Zpět na portfolio
09/2024Diponik

Diponik

Srovnávač Lead generator UX/UI design Brand
Diponik – online srovnávač produktu DIP, UX/UI design a vizuální identita

Online srovnávač produktu DIP, který má návštěvníka zorientovat a zároveň z něj udělat kontakt. Rozhraní i značka vznikaly současně.

Příběh

Srovnávač má vždycky dva pány. Návštěvník chce rychle porovnat a odejít chytřejší, provozovatel potřebuje kontakt – jinak z toho nic není. Když formulář vytáhnete moc brzo, člověk zavře stránku. Když moc pozdě, odejde spokojený a bez toho, aby po sobě něco nechal.

K tomu se přidala druhá věc: DIP je produkt, kterému spousta lidí nerozumí a peníze do něj posílá na dlouho. Rozhraní tedy nestačilo udělat přehledné, muselo taky působit, že za ním někdo stojí. A značka v tu chvíli neexistovala – vznikala až s produktem.

Řešení

Srovnání, které dává smysl laikovi. Navrhl jsem strukturu srovnání kolem parametrů, podle kterých se lidé reálně rozhodují, ne podle toho, co je nejsnazší vytáhnout z dat. Rozdíly mezi nabídkami musí být čitelné na první pohled – kdo potřebuje tabulku luštit, stejně odejde jinam.

Získání kontaktu jako součást cesty. Moment, kdy si aplikace řekne o kontakt, jsem navázal na chvíli, kdy už uživatel něco získal a ví, co chce dál. Lead generator tak nestojí proti obsahu, ale navazuje na něj.

Značka souběžně s rozhraním. Vizuální jazyk – barvy, typografii a pravidla – jsem stavěl paralelně s produktem, aby web, aplikace i komunikace mluvily stejně. Když tohle dělá každý zvlášť, výsledek působí jako dva různé produkty.

Výsledek

Produkt dostal srovnávač, ve kterém se laik zorientuje, cestu ke kontaktu, která nepůsobí jako past, a značku, jež drží pohromadě s rozhraním – a nemusel na to shánět dva dodavatele. Konkrétní čísla doplním, jakmile je budu moct zveřejnit.

Co jsem na projektu dělal

Srovnávač, cesta ke kontaktu a značka – tři věci, které musí táhnout za jeden provaz, jinak si navzájem překážejí.

01

Struktura srovnání

Parametry, podle kterých se lidé rozhodují, a rozdíly čitelné na první pohled – ne tabulka na luštění.

02

Cesta ke kontaktu

Formulář ve chvíli, kdy už uživatel něco získal. Lead generator navazuje na obsah, místo aby stál proti němu.

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, typografie a pravidla vznikající souběžně s produktem, aby web i komunikace mluvily stejně.