所有作品
案例 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
- 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
為什麼這個專案存在
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.
我負責的部分
- UIUX Design
- Identity Verification Flow Design
- B2B Platform UX
- Frontend Layout Support
- ReactJS / SCSS UI Implementation
- UI Testing
- Bug Reporting
困難之處
- 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
如何完成
- 1Designed IDME product introduction and onboarding flows
- 2Mapped B2B verification scenarios and role-based access
- 3Designed verification status, pending, and completed states
- 4Collaborated on UI implementation using ReactJS, SCSS, Git branches, and PRs
- 5Conducted UI testing and bug reporting to maintain quality post-implementation
背後的思考
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.
精選視覺
抽象示意圖——原創 mockup，非客戶截圖。
改變了什麼
- 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
我的收穫
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.