M Wallet green glass mark
M Wallet Design Sample Lab
Design discussion sandbox

Explore visual directions before they become product rules.

This page is a controlled discussion space for M Wallet design exploration. It helps product, UI, brand, engineering, market, and CX teams compare multiple design routes without changing the official product guide too early.

Exploratory MID-first Light finance Official trust FC ecosystem
Five possible directions

Each route tests a different balance between daily use, official trust, and ecosystem identity.

The goal is not to copy another bank wallet. The goal is to learn from familiar financial UX and then make a distinct M Wallet language around MID verification and FC Chain rails.

A

Fresh Finance

A light, clear, Wise-like financial interface using M green as the active color. Best for payment confidence and fast onboarding.

CleanDirectUtility
Risk: can feel too generic if MID and official trust are too quiet.
B

Living Wallet

A warmer, Monzo-like wallet experience for daily payments, payment requests, receipts, and contact-based transfers.

FriendlyHumanDaily
Risk: can become too casual for government-grade identity.
C

Civic Trust

A restrained official account system. It highlights verification, policy gates, signed records, and government communication.

OfficialCalmAuditable
Risk: can feel heavy if daily payment actions are not simple enough.
D

MID-First Identity

The wallet starts from verified identity and shows assets as financial capability unlocked by MID, NFC card signing, and MPC recovery.

IdentityCredentialRecovery
Risk: asset users may need clearer payment shortcuts.
E

FC Ecosystem Wallet

FCA, USDF, MXCD Future, IBC account, and selected external assets are arranged as a closed-loop service and payment ecosystem.

RailsAsset familyClosed loop
Risk: can look like a crypto wallet if identity context is not visible.
Sample screen studies

Use the same core product, then change the visual emphasis.

These are not final screens. They are small layout arguments. Each one asks: what should the user notice first?

Fresh FinanceMID
MID verified

$2,847.90

Personal account · FC Chain

SendRequestSwap
FCA
FCANetwork fuel
128.4
USDF
USDFPayment rail
2,250
Living WalletPay
A
Amina Joseph requested 250 USDF
Invoice · verified MID · due today
PayNoteReceipt
Dinner settlement · payment note attached
Civic TrustNotice
Official broadcast

Tax number verification

Action required · MID holder only

Show proof of address before payment rail upgrade.
ReviewShareRecord
MID-FirstID
MID
Montserrat Digital IDNFC card active · MPC recovery enabled
Driver license · address proof · tax number
ProveSignRecover
FC EcosystemIBC
IBC account

Service wallet

FCA, USDF, MXCD Future, BTC, ETH, TRON, SOL, BNB

Swap inside FC ecosystem only
BridgeInvoiceSettle
Reference design schemes

Five more concrete schemes for team discussion.

These schemes translate the design direction into page behavior. They are useful for design reviews because each one states what the first screen prioritizes, which components carry trust, and where the product risk sits.

Scheme 02 · Official services

Civic Credential Stack

A credential-first layout for digital driving license, address proof, tax number, IBC certificate, and official proofs. It should feel like Apple Wallet, but more official and auditable.

  • First signal: credential validity and issuer.
  • Primary actions: Prove, Share, Show QR.
  • Trust layer: issuer signature, expiry, consent record.
MIDID
Montserrat Digital IDVerified · did:mid
Driver LicenseValid · shareable proof
Tax NumberIssuer signed
ProveShareRecord
Scheme 03 · Payment communication

Structured Pay Thread

A payment page that feels conversational but only supports payment request, payment note, receipt, and confirmation. This keeps payments human without becoming open chat.

  • First signal: verified counterparty.
  • Primary actions: Pay, Request, Receipt.
  • Trust layer: MID badge, amount lock, receipt creation.
PayUSDF
Amina JosephMID verified
250 USDFService payment request
Note: Montserrat company filing fee
PayNoteReceipt
Scheme 04 · Business account

IBC Service Console

A more operational layout for company accounts, role permissions, official invoices, and service payment records. It should feel business-like without becoming a dense admin system.

  • First signal: active company and operator role.
  • Primary actions: Pay invoice, view records, manage role.
  • Trust layer: official signature, audit trail, receipt archive.
IBCRole
Blue Cedar Ltd.Director · allowed to pay
Annual filing invoiceOfficial signed · 250 USDF
Service record3 receipts archived
PayReviewArchive
Scheme 05 · Security advantage

Recoverable Wallet Control

A security and recovery design scheme that makes the product difference visible: the user does not lose assets only because a phone or mnemonic is lost, but recovery remains strict and auditable.

  • First signal: wallet control status.
  • Primary actions: Verify identity, tap MID Card, open recovery.
  • Trust layer: MPC policy, cooling period, audit event.
SecurityMPC
3/3
Recovery protectedMID proof + device risk + cooling period
VerifyTapRecover

My current design recommendation

Use Scheme 01 as the product baseline, Scheme 02 for the Credential Center, Scheme 03 for Pay, Scheme 04 for IBC, and Scheme 05 for Security and Recovery. This gives M Wallet one consistent system while letting each functional area express its own job.

What to discuss next

The key decision is whether the Home page should lead with balance or with DID status. My view: lead with DID status, then balance, because this wallet's unique value is certified and recoverable financial capability.

DID status centre sample

Turn review states into a clear next-action journey.

This sample upgrades the top identity banner into a DID status centre. It keeps the wallet familiar, but makes submit, KYC, Government review, failure, and mint-ready states explicit enough for product, design, and engineering teams to discuss together.

Five M Wallet DID status screens showing submit, KYC review, Government review, review failed, and mint DID states
Five-state DID wallet status treatment · review success, profile submission, KYC review, Government review, and review failure.
Core correction

Use DID, not EID.

The wallet should speak the same language as the protocol layer: did:mid, DID credential, and DID approval. EID reads like a separate product and weakens technical consistency.

Information hierarchy

Status before balance.

The credential state must explain whether the wallet is usable before asset actions compete for attention. This keeps compliance and user action aligned.

Interaction rule

One state, one CTA.

Submit, Track, View, Fix, and Mint DID each map to a specific backend state. The UI should avoid generic banners that leave the next step unclear.

Permission model

Lock wallet actions until DID is ready.

Send, receive, swap, and history can stay visible, but they should be disabled until approval unlocks wallet utility. This makes policy gates visible without hiding future value.

Submit KYC Government Fix
Evaluation matrix

Discuss each direction with the same criteria.

This keeps design reviews practical. A beautiful direction is not enough if it weakens trust, recovery confidence, or engineering clarity.

Direction
Trust
Daily Payment
Official Feel
Brand Fit
Engineering Clarity
Fresh Finance
Medium
High
Medium
High
High
Living Wallet
Medium
High
Low-Medium
Medium
Medium
Civic Trust
High
Medium
High
High
High
MID-First Identity
High
Medium
High
High
Medium
FC Ecosystem Wallet
Medium
Medium
Medium
High
High
Discussion protocol

Every design review should end with a decision, not just opinions.

Use this section during team review meetings. It turns subjective feedback into product-level direction.

Question 1

What does the user understand first?

Identity status, balance, payment task, official notice, or asset rail. The first signal should match the page purpose.

Question 2

Does trust feel visible?

MID verification, NFC card signing, MPC recovery, receipts, and official broadcasts must be visible without overwhelming the user.

Question 3

Does the page still feel easy?

Payments should remain fast. Credentials should remain scannable. Risk states should be calm and actionable.

Question 4

Can engineers build the state model?

Each UI state should map to a backend state, audit event, permission rule, or receipt outcome.

Recommended next experiment

Prototype three higher-fidelity page sets: Fresh Finance, Civic Trust, and MID-First Identity. Keep the same screens in each set: Home, Pay, Credential Center, IBC Account, and Recovery.

Working hypothesis

The final M Wallet style will likely combine Fresh Finance for daily payments, Civic Trust for official actions, and MID-First Identity for the product narrative.

Reference links

Move between the lab and the formal product system.

When an exploration becomes stable, update the team guide, storyboard, UI system, and engineering spec.