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 to inform design
I conducted an anonymous survey with
seven participants to gather insights on their attitudes towards social banking and expectations with the onboarding process.
Usability Testing
To better understand the onboarding experience for mobile banking apps,
I conducted usability testing with
five participants.
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