En användarupplevelse fokuserad gränssnitt designbyrå vid namn Abstractic

C88 Fintech

Bygga en fintechupplevelse

C88 Financial Technologies är Sydostasiens största marknadsplats för finansiella tjänster, försäkringar och investeringsprodukter, med fler än 50 miljoner privatkunder i flera länder.

Företaget är integrerat med fler än 90 finansinstitut. Den största marknaden är Indonesien, där miljontals potentiella kunder besöker företagets webbplats varje vecka.

Tidslinje
7 mänader
Roll
Användargränssnittsdesign
Front-end ramverk
Klient
C88 Financial Technologies
Industri
Fintech
En marknadsplats för finansiella tjänster, försäkringar och investeringsprodukter
Bygga en fintech-upplevelse

Utmaningen

Konverteringsdriven omdesign

C88 Financial Technologies växte snabbt, och flaggskeppsvarumärkena CekAja i Indonesien och eCompareMo i Filippinerna hade blivit några av regionens mest trafikerade marknadsplatser för finansiella tjänster. Men användarupplevelsen var inkonsekvent, något daterad och konverterade svagt på mobila enheter, särskilt på landnings- och ansökningssidor.

Eftersom omkring 90 procent av användarna i Sydostasien använde internet via mobila enheter var problemet omöjligt att ignorera. Hur kunde vi skapa större intresse för produkterna, få besökare att agera och hjälpa dem att slutföra sin ansökan smidigt, även på de minsta skärmarna?

För att förbättra konverteringsgraden på mobila enheter

Processen

Mobil användarupplevelse först

Att få potentiella kunder in i produkttratten var den enkla delen, men vi kunde tydligt se att det fanns problem i ansökningsprocessen. Den fungerade inte tillräckligt bra på mobila enheter och användarna verkade tappa orienteringen.

Med detta i åtanke inledde vi designarbetet med att förbättra ansökningsflödet, där kunden söker efter, väljer och slutligen ansöker om en finansiell produkt.

Att ta fram lågdetaljerade mobilprototyper för att testa vår hypotes blev därför det tydliga strategiska valet.

Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner
Low-fidelity wireframe-prototyper av användarresan för att validera användarinteraktioner

Varumärkesbyggande

Att hålla det rent och minimalistiskt

En annan utmaning var det stora antalet produkter och underkategorier på webbplatsen. Därför gav vi varje produktvertikal ett eget visuellt uttryck och en egen färgkod.

Det gjorde det möjligt att kommunicera varje produktområde tydligare och att använda färger och pedagogiska designelement för att vägleda användaren genom den underliggande tjänsten.

Hålla det rent och minimalistiskt

Portalen

Vertikala landningssidor

Varje produktområde utformades som en egen vertikal. Med hjälp av landningssidor kunde vi vägleda användaren genom tratten via annonsering och tydliga uppmaningar till handling för varje kategori.

Med ett mer lekfullt visuellt uttryck ville vi också göra produkter som annars kan upplevas som komplexa eller mindre engagerande lättare att utforska, jämföra och ansöka om.

Hur man vägleder en konsument genom tratten
Arbeta med interaktiva prototyper för att validera användarbeteenden

Användarresa

Guider för att minska komplexiteten

Finansiella produkter är ofta mer komplexa än att boka en flygresa eller ett boende, eftersom flera krav och attribut måste uppfyllas innan en kund kan ansöka om en produkt.

För att minska friktion och komplexitet, samt säkerställa att användarresan blev så smidig som möjligt, tog vi fram guider och filter som minskade antalet steg i ansökningsprocessen.

Att ställa rätt frågor för att hitta en lämplig finansiell produkt
För att ge ett resultat med stor flexibilitet vid val av finansiell produkt

Resultatet

Förbättrad användarupplevelse

Genom en förbättrad användarupplevelse och ett förenklat användargränssnitt minskade vi avvisningsfrekvensen med över 27 procent. Vi ökade även engagemanget och förbättrade vårt Net Promoter Score.

Den omdesignade webbplatsen, tillsammans med en förbättrad innehållsstrategi, ökade den organiska webbtrafiken med mer än 21 procent. Detta ledde i sin tur till fler genomförda produktansökningar.

86
HTML Mallar
194
Font Ikoner
3200
Rader med SCSS
134
UX Mallar

Browse more projects


Abstractic ett projekt till att bygga en komplett marknadsplats för dykaktiviteter

Scubago

Designa för dykupplevelser

Abstractic ett projekt till att skapa en analys och marknadsföringsanalysplattform

Outsmart

Bygga en fintech-upplevelse