KOIN App — Onboarding

Overview

Project Takeaways

Seamlessly transact and connect with friends

UX Design
Design Systems
Branding

The focus was to design a low-friction mobile IOS neo-bank onboarding flow that includes multiple signup options and collects essential information about the user.

During user surveys, people found it confusing without visuals, especially since I wanted to integrate a social network feel. Usability tests showed the app behaved differently across versions and operating systems, which was tricky.

Plus, my design system had too many sizing tokens, which made decisions harder.

Image 1: Logo in a grid

Brand + Logo

Image 2: Logotype

The Koin name combines "joining" and "coins" to embody the app's mission - empowering users to seamlessly transact and connect with friends worldwide.

The flowing, curved logo symbolizes two users high-fiving, reflecting Koin's reliable, empowering, and community-focused values.

Image 3: Symbol

Screen feature/ Country selection

Design systems documentation

Target Users

Koin empowers young, globally mobile millennials to manage finances and stay connected, no matter where life takes you.

The inclusive, community-driven platform promotes transparent conversations around personal money matters. Seamlessly send funds, pay bills, and access financial services - all while your data securely co-exists to simplify verification.

Survey insight: 71% & 57% 

of the users were ready to share their debit card details and link bank accounts respectively
Insight: 100% 

of the users were ready to share mobile number with banking apps

Survey to inform design

Survey insight: 100% 

of the users preferred biometric authentication to signing up
(finger print, face ID)

I conducted an anonymous survey with 

seven participants to gather insights on their attitudes towards social banking and expectations with the onboarding process.

Insight: 57% 

of the users responded neutral to the idea of social banking

upon asking they mentioned that they were not sure what social banking meant
User testing insight:Only 1 out 5

participants swiped the slideshow 
to read the apps selling points
or features
User testing insight: Only 2 out 5

participants chose to add their debit card. Others just skipped it!

Usability Testing

User testing insight: Visual Delight

Despite the extended duration of Wise app's onboarding process, users remarked that its animations and visual aesthetics made the experience feel seamless.

To better understand the onboarding experience for mobile banking apps,
I conducted usability testing with
five participants.

User testing insight: 4 out 5

participants said that they prefer the Wise app’s onboarding experience

Strategic Task Flow Diagram

57.1% of users were unsure about social banking because they didn't understand it. 



And during testing, only 1 out of 5 participants read the app's explanation.



Importance of Biometric Authentication

100% of users preferred biometric authentication during sign-up. Testing revealed that all users successfully added either Face ID or fingerprint authentication (Android). 



However, one user failed to receive a verification code via email, preventing them from completing sign-up on PayPal, highlighting the importance of biometric authentication.



Making Debit Card Details Optional: Enhancing User Flexibility

71.4% of users were fine with sharing debit card info, and 57% were okay with giving bank details. 



However, during testing, only 2 out of 5 participants added their debit cards during onboarding.

Research Analysis



App’s feature slideshow are important

Welcome and Introduction: 

Sign Up, Log In Options

Mobile Authentication:
Adding Your Phone Number

Mobile Authentication:
Adding Your Phone Number

Mobile Authentication:
Adding Your Phone Number


Design System

More projects

Launched / Website

Launched / Website

Concept / Mobile App