Fintech UX Teardown: Slashing Identity Verification (KYC) Drop-off from 62% to 18%

In consumer fintech and wealth management apps, Customer Acquisition Cost (CAC) is exceptionally high—often exceeding ₹1,200 to ₹3,500 per qualified registration. Yet across the industry, an astonishing 60% to 75% of prospective users abandon during the Know Your Customer (KYC) identity verification stage. When a fast-growing digital lending platform was hemorrhaging 62% of verified mobile sign-ups during KYC document upload, Webeta re-engineered their onboarding funnel. Here is how we reduced drop-off from 62% to 18% and cut verification time to 85 seconds.

The Audit: Why 62% of High-Intent Users Were Bouncing

The fintech platform was running aggressive paid media campaigns that drove thousands of app installs and mobile web registrations.

However, the moment a user reached the regulatory identity verification step, the funnel collapsed:

• Strict File Size Errors: Users attempting to upload 6MB iPhone photos received unhelpful errors: "File size must not exceed 2MB", without automated client-side compression.
• Blurry Photos Rejected After 24 Hours: Rejected document notices arrived via email 24 hours later, by which point the user had moved on to a competitor.
• Lack of Real-Time Guidance: The interface offered no visual overlay guides showing users how to frame their card without glare or cut-off corners.

Engineering the In-Browser Document Scanner Overlay

Using the browser's native `MediaDevices.getUserMedia` API, we created an intuitive camera card viewfinder with automated boundary detection:

// Client-Side Canvas Image Compression & Edge Detection
export async function captureAndCompressDocument(videoElement) {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  
  // Set target resolution (optimal for OCR text clarity)
  canvas.width = 1600;
  canvas.height = 1000;
  ctx.drawImage(videoElement, 0, 0, 1600, 1000);
  
  // Compress to lightweight WebP blob in browser memory
  return new Promise((resolve) => {
    canvas.toBlob((blob) => {
      resolve(blob);
    }, 'image/webp', 0.85); // 85% quality: crystal-clear text at 220KB
  });
}

1-Tap DigiLocker & UPI Verification Alternatives

For eligible Indian users, we gave priority to DigiLocker direct consent:

• Instead of snapping photos, users enter their mobile number, receive an OTP, and grant digital consent in 15 seconds.
• The backend receives digitally signed government identity documents directly, eliminating manual verification and fraud risk.

The Conclusion

Customer drop-off in complex web applications is not inevitable—it is an engineering problem with an engineering solution. By removing manual document friction, leveraging client-side compression, and providing instant feedback, you transform a tedious regulatory requirement into a frictionless competitive advantage.