Coin Cloud Wallet

End-to-end product design for a Bitcoin ATM network and digital wallet — design system, transaction flows, compliance patterns, and onboarding.


Project Details

Coin Cloud operated one of the largest Bitcoin ATM networks in the US, alongside a companion mobile wallet. Two surfaces. Two form factors. Millions of users making real financial transactions.

The product needed a foundation before it could scale. It needed flows that handled money movement with clarity and compliance. And it needed an onboarding experience that could turn a first-time crypto user into a confident one.

This work covers all of it.

Role: Senior Product Designer

Client: Coin Cloud

Industry: Fintech / Crypto

Scope: Design System · Mobile UX · Transaction Flows · Compliance Patterns · Research & Analytics · Mixpanel

The Foundation

Design System

Before new screens could be designed, the right move was building what those screens would live on.

The design system established a semantic token architecture across color, typography, spacing, and components, unified across both the mobile wallet and ATM kiosk surfaces.

Color — Primary, Secondary, Surface, Blacks & Grays, Error, and Success states. Each token named for its function, not its appearance, so the system could scale without breaking.

Typography — Inter, scaled across xs, sm, base, lg, h4, h3, h2, h1, and Display. Every level carries a specific weight relationship designed to guide users through high-stakes financial decisions without friction.

Components — Buttons, toggles, inputs, icons, markers, and crypto asset symbols — all built with full state coverage and documented for handoff.

Onboarding

First impressions in a high-trust product

The onboarding flow was the first major surface built on the design system and the most consequential. In a crypto product, onboarding is where trust is either established or lost.

Two flows were designed in full:

Default Flow — Launch → Welcome → Phone/Email Login → Verification → Create Account → Email Verification → PIN → Face ID → User Verification → Account Approved. Every step designed. Every state accounted for.

Product Not Available Flow — When Coin Cloud's services weren't available in a user's region, the experience needed to communicate that clearly without losing the user entirely. Designing this edge case meant treating every user as someone worth designing for.

Locations

Finding an ATM shouldn't require a tutorial

The Locations feature connected mobile wallet users to the nearest Coin Cloud ATM, a critical bridge between the digital and physical product.

Designed end to end: map view, list view, favorites with empty state, filter system with applied and unapplied states, location detail sheet with directions and support access, and search with suggested results.

Every edge case has a screen. Every state is designed.

Transactions

Designing for money movement in a regulated environment

Buying and selling crypto requires more than a clean UI. It requires designing for compliance, clarity, and confidence all at the same time.

The redesigned transaction flow reduced abandonment by 25% and increased conversion rates by 25% , validated through 50+ user research sessions and Mixpanel funnel analysis.

Buy Flow — Asset selection, payment method, personal use acknowledgment with a modal compliance interrupt, amount entry with quick-select options, minimum purchase state, currency selection, order preview, and buy complete confirmation.

Sell Flow — Asset selection, amount entry with available balance displayed, sell preview, currency selection, and sell complete. The mirror of the buy flow, designed with the same rigor.

The compliance gate, the personal use acknowledgment modal, is worth noting. It's a legally required disclosure designed to be clear and honest without being a roadblock. Getting that balance right is what regulated product design actually looks like.

Decisions throughout this product were validated through 50+ usability sessions and Mixpanel funnel data, pairing qualitative insight with quantitative signals to identify friction and measure impact.

Settings

The part of the product no one talks about until it breaks trust

Settings in a financial product isn't an afterthought. It's where users manage their money, their security, and their relationship with the product.

Designed across eight distinct areas: payment methods, default currency, notification preferences, security settings, statements and history, agreements and policies, app theme, and support. Every section consistently structured. Every option clearly labeled.

Dashboard

The product at a glance

The dashboard brought it all together; wallet balances across multiple assets, top movers, and a direct ATM finder CTA connecting the mobile experience to the physical network.

The empty state was designed with the same care as the populated state, because the first time a new user lands here, it's the product's first chance to show them what's possible.

In Closing

A complete fintech product designed system-first, built for trust.

From the token architecture to the compliance gate in the transaction flow, every decision in this product was made in service of one thing: helping real people feel confident moving real money.

Next
Next

CrampGuard