Product design for M-Card, a crypto-powered debit card experience by MIRO. The product brings crypto wallet management, card payments, transfers, and shopping into one app — making digital assets easier to use in everyday transactions.

M-Card needed a product experience that could bring several different use cases together in one platform — from managing crypto assets and topping up the card, to making payments, transferring funds, and shopping with the card.

The challenge was to make these flows feel connected and intuitive, without making the product feel overwhelming for users who may not be deeply familiar with crypto.

We structured the experience around the card and wallet as the core of the product, then built supporting features around everyday financial activities.

The app includes:

Crypto Wallet — manage and view crypto assets in one place

M-Card — create and manage cards, including top-ups

Payments & Transfers — handle card payments and move funds between users/accounts

Marketplace — browse and purchase products directly inside the app using the M-Card

A visual system built to keep the M-Card experience consistent, clear, and easy to scale across the product.

Colors Dark foundations with bright accents to create a modern crypto-finance feel.

Typography A clean, functional type system designed for clear hierarchy and easy reading.

Components Reusable UI components that keep different screens and flows consistent across the app.