Skip to content
All work
Case 16

IDME — Identity Verification Platform UIUX + Implementation

Designed and implemented UIUX for IDME, a B2B digital identity verification platform — covering onboarding, verification flow design, and production UI implementation.

IDMEIdentity VerificationB2B SaaSEnterprise UXReactJSSCSSCodebase Collaboration
Outcome highlights
  • A production-ready IDME platform UI that matched the intended design across all states
  • Closer collaboration between design and engineering reduced post-launch visual issues
Product type
B2B digital identity verification platform
Platform
Web (desktop)
Timeline
2021 · UIUX and implementation support
Role
UIUX design, frontend layout support, UI implementation
Team
Designer, PM, backend engineers, frontend engineers
Tools
Figma, ReactJS, SCSS, Git, SourceTree
Context

Why this project existed

IDME is a B2B digital identity verification service platform — enabling businesses to verify the identity of their users or counterparties. The work included designing the product experience (onboarding, verification flows, status management) and contributing to production UI implementation directly in the codebase.
My role

What I owned

  • UIUX Design
  • Identity Verification Flow Design
  • B2B Platform UX
  • Frontend Layout Support
  • ReactJS / SCSS UI Implementation
  • UI Testing
  • Bug Reporting
Challenge

What made it hard

  • Identity verification UX must build trust — every ambiguous step risks abandonment or compliance failures
  • B2B platform needed to serve multiple user roles with different verification contexts
  • Bridging Figma design to production required working directly in the codebase with ReactJS and SCSS
  • Maintaining visual quality after implementation, not just at handoff
Process

How it came together

  1. 1Designed IDME product introduction and onboarding flows
  2. 2Mapped B2B verification scenarios and role-based access
  3. 3Designed verification status, pending, and completed states
  4. 4Collaborated on UI implementation using ReactJS, SCSS, Git branches, and PRs
  5. 5Conducted UI testing and bug reporting to maintain quality post-implementation
Design decisions

The thinking behind it

Treated implementation as an extension of design quality — ensured that the interaction details, spacing, and state transitions matched the intended design, not just the static comps.
Final design

Selected views

Abstract representations — original mockups, not client screenshots.

Outcome / impact

What changed

  • A production-ready IDME platform UI that matched the intended design across all states
  • Closer collaboration between design and engineering reduced post-launch visual issues
Reflection

What I took away

Working in the codebase for IDME reshaped how I approach handoff — when you can see exactly how a component renders, you design its states more precisely.
Back to all work