Screen from a fictional travel mobile app on a green gradient background
Screen from a fictional travel mobile app on a green gradient background

TrustFlow: Accessible KYC Identity Verification

STRATEGY

STRATEGY

UX DESIGN

UX DESIGN

Overview

"Know Your Customer" (KYC) compliance is a legal requirement for fintech apps, but it is often the point of highest user churn due to privacy concerns and frustrating camera errors. I wanted to redesign this high-stress touchpoint into a "friendly" experience. My objective was to build a mobile-first flow that builds trust through transparency and uses "pre-emptive UX" to prevent errors before they happen.

Solution

I focused on "humanizing" the compliance process.

  • Trust by Design: I implemented "Privacy Badges" at every step (e.g., "256-bit encrypted," "Deleted after verification") to reassure users exactly when they feel most vulnerable.

  • Pre-emptive UX: Instead of showing error messages after a bad photo upload, I designed a "Tips Slide-up" that educates the user on lighting and glare before the camera activates.

  • Technical Execution: I built a mobile-responsive web view in React, utilizing the HTML5 Camera API (navigator.mediaDevices) to create a custom camera viewfinder. I prioritized WCAG 2.1 AA Accessibility, ensuring the entire flow is navigable via keyboard and that all camera instructions have proper ARIA labels for screen readers.

Results

  • Error Reduction: The "Tips first, Camera second" flow is designed to reduce image rejection rates (a common KPI in banking) by ensuring users submit high-quality data on the first try.

  • Trust Metrics: The inclusion of privacy micro-copy at friction points addresses the primary reason for user drop-off in fintech apps.

  • Accessibility: This project proved that complex, hardware-dependent features (like camera access) can still be built inclusively, ensuring that banking services remain accessible to users with disabilities.

Abstract image used as a placeholder for this design project
Abstract image used as a placeholder for this design project
Abstract image used as a placeholder for this design project
Abstract image used as a placeholder for this design project
Abstract image used as a placeholder for this design project
Abstract image used as a placeholder for this design project