KYC Verification
A Guided Identity-Verification Flow - Designed in Both Light & Dark
KYC is where good onboarding goes to die - long forms, blurry document uploads, anxious face scans, and no idea whether anything worked. This project reimagines identity verification as a calm, guided journey that tells you exactly what to do and what's happening at every step, beautifully, in both light and dark.
Context & The Problem
Know-Your-Customer checks are mandatory for regulated services - but they're also one of the biggest drop-off points in onboarding. Users stall at document capture, panic during the face scan, and abandon when the interface gives no feedback on whether a step passed or failed.
"Verification only works when the user trusts it - every step has to say clearly what to do, and honestly whether it worked."
Problem Statement
Identity verification is high-stakes and high-friction: unclear steps, fragile document/face capture, and missing status feedback cause anxiety and abandonment.
The Goal
Turn KYC into a guided, transparent flow - clear preparation, forgiving capture, explicit in-progress / success / error states, and full light & dark theming.
Target Audience
First-time applicants verifying their identity (often on mobile), and the compliance teams who depend on clean, reliable captures.
Discovery & Research
KYC sits between two needs that usually pull apart: a person who wants it over with quickly, and a compliance process that demands accuracy. The design had to satisfy both - reducing user anxiety while never compromising capture quality.
Typical KYC Flows vs. The Opportunity
- Dumping all requirements at once with no preparation
- Silent capture - no in-progress, success or error feedback
- One rigid theme that fights the host app's look
- Per-step preparation screens that set expectations
- Live status for every upload & scan (try / fail / pass)
- First-class light & dark themes for any context
User Personas
"Just tell me what to do at each step - and whether it actually worked."
"I'm doing this on my phone - the uploads and face scan have to just work."
"We need clean captures and a clear pass/fail so verification holds up."
Cross-Persona Insights
Ideation & Structure
User Flow: The Verification Journey
Each stage opens with a preparation screen that sets expectations before any capture, and closes with an explicit result - so users always know what's next and whether it worked.
The Four Steps
Step 1 · Consent
User consent · Preparation · Warnings
Step 2 · Documents
Upload · In-progress · Confirm info
Step 3 · Face Scan
Liveness · Success · Retry on fail
Step 4 · Complete
Review · Confirmation · Done
Visual Design & Style Guide
A verification flow has to feel secure and calm. The system pairs Inter's clean neutrality with a trust-blue core, backed by a broad, deliberate palette - greens, oranges and reds reserved strictly for success, in-progress and error states so status is never ambiguous, in either theme.
Inter - a highly legible, neutral interface typeface built for screens, keeping dense verification steps clear at every size and weight.
A broad, system-driven palette - a trust-blue core with neutrals, plus dedicated greens, oranges, reds and purples for status and emphasis across light & dark.
High-Fidelity Screens
The verification journey across both themes - preparation, document upload with live status, face-scan liveness, and the final step. Click any screen to view it in high resolution.
Interaction Design & Emotional Intent
The whole emotional goal of a KYC flow is to replace uncertainty with reassurance. Three patterns carry that intent - never leaving the user guessing about what to do, what's happening, or what went wrong.
Live Status States
Every upload and scan has explicit in-progress, success and error states - colour-coded so users instantly read pass, pending or retry.
Preparation First
Each step opens with a calm preparation screen and gentle warnings, so people know exactly what they'll need before the camera ever turns on.
Light & Dark Parity
The entire flow is designed twice over - pixel-matched in light and dark - so it feels native inside any host app or preference.
Outcome & Impact
Key Outcomes
"A high-stakes, high-friction process turned into something that feels guided, honest and even calm - in whichever theme the user prefers."
📈 Outcome
A complete, consistent verification system: a clear 4-step journey with explicit status states, fully designed in both light and dark across every preparation, capture, success and error screen.
🧗 Challenge
Capturing every state - in-progress, error, retry, success - for documents and face scan, without overwhelming the user on the happy path, and keeping it all consistent across two themes.
💡 What I Learned
In verification, the "unhappy" states are the product. Designing errors and retries with the same care as success is what builds the trust that keeps people from abandoning.
🚀 Next Steps
Hand off to engineering, add accessibility passes for camera-based steps, and extend the status system to additional document types and regions.