Complete Mobile Banking Platform for a High-Risk Payment Institution

Mobile + Web
Product Surfaces
2
PRDs Written
App Store Submitted
Status
Designed the complete mobile banking app (iOS and Android) and web platform for Xace, a UK payment institution serving gambling and cryptocurrency industries. Wrote two product requirement documents from scratch, defined the information architecture across 6 tabs, designed PSD2/SCA compliance flows, and created digital card art for Visa/Apple Pay tokenization. Built working React prototypes via V0, deployed to Vercel for engineering validation. App submitted to App Store and Google Play.
The Challenge
Xace had an existing web dashboard serving 500+ business clients but no mobile app — and an unpublished prototype that wasn't ready for market. They needed a product designer who could think beyond screens: someone to define the product architecture, write specs the engineering team could actually build from, and handle the regulatory complexity of designing for PSD2 compliance, Visa brand standards, and multi-jurisdiction licensing (UK, Malta, Canada).
The additional complexity: Xace serves high-risk industries. The UX had to handle gambling operators and crypto exchanges — clients whose transactions require extra scrutiny, approval hierarchies, and compliance workflows that typical banking apps don't need.
What I Delivered
- Complete mobile banking app design (iOS and Android) with production-ready Figma component library
- Full web platform redesign across all major sections (Payments, Accounts, Transactions, Approvals, Cards, Teams, Payees, Integrations)
- Mobile Product Requirement Document — phased release strategy (MVP → Enhanced → Enterprise), success metrics, technical specs
- Guided Approval Workflows PRD v2.0 — complex rule builder interface for transaction approval hierarchies
- Information architecture: 6-tab navigation with feature redistribution rationale
- PSD2/SCA compliance flows and AML/KYC integration design
- Digital card art for Apple Pay/Visa tokenization meeting Visa Brand Standards
- Working React prototypes deployed to Vercel for engineering validation
- Cross-platform adoption strategy — contextual web banners promoting mobile features
- App Store marketing screens for launch




The AI Workflow
Used Claude for PRD co-authoring, conversation summarization across multi-week design sprints, and strategic analysis of client Slack messages. Built working prototypes in V0 with structured design briefs — treating AI as a junior developer executing detailed specs (exact colors, spacing, interaction states, conditional logic). Deployed V0 prototypes to Vercel and shared directly with the engineering team for architectural validation before any Figma handoff.
The workflow: Claude for strategy and copy → V0 for rapid interactive prototyping → Figma for production polish and developer handoff.