Payments, Crypto, and High-Stakes Auctions

The Fintech

FintechMobileCryptoAuctionsDesign System
Fintech Home Dashboard
Overview

A unified fintech platform powering payments, crypto, and high-stakes auction workflows. The system combines real-time bidding, cryptocurrency management, and peer-to-peer transfers in a cohesive mobile experience designed for speed, clarity, and trust.

Problem

Financial apps combine multiple sources of complexity:

  • -Multi-format input types (debit cards, crypto wallets, bank transfers)
  • -Auction bidding requires real-time UI updates and price visibility
  • -Cross-app visual inconsistency across 5 consumer apps
  • -High-stakes transactions demand immediate trust signals
  • -Complex fund management (locked funds, escrow, settlements)
Design Goals
01Fast, intuitive transaction flows that are minimal, predictable, and delightful
02Support payments, auctions, and real-time flows in one cohesive architecture
03Scalable and reusable patterns, animations, and typographic styles
04Build trust through clear visual feedback at every step
Core UX Decision

Balance as a System, Not a Number

The balance card is more than a display - it updates balance, density, and ticker state. Users see their total balance ($65,326.20), percentage change (+2.57%), and dollar gain ($839.50) at a glance.

Home Dashboard
Crypto Dashboard
Locked Funds
Total BalancePrimary fiat balance with Add Money / Withdraw actions
Crypto BalanceSeparate crypto portfolio with Buy / Sell / Swap and performance chart
Locked FundsReserved amounts for Payroll, Auctions, and Personal locks with unlock timers
High-Trust Flows

High-Trust Money Movement

Clear visual cues, readable data, and instant receipts. Every transaction shows amount prominently, with confirmation states that build confidence.

Add Money Keypad
Select Payment Method
Send Money
Activity Details
Amount EntryLarge, clear keypad with prominent dollar display
Payment MethodBank Transfer, Debit Card, Apple Pay with fees disclosure
Send MoneyContact search with $Cashtag, suggested recipients
Transaction ReceiptGreen success state, full details, Share/View receipt
First-Class Feature

Linked Funds as a First-Class Feature

Multiple funding methods with labeled hints. Users can link wallet balance, add funds online, and manage locked funds with clear purpose and duration settings.

Add Locked Funds Form

Lock Configuration

  • -Amount to lock - Enter specific amount
  • -Lock purpose - Payroll, Auction, Personal
  • -Lock duration - Custom time period
  • -Funding source - Wallet balance or Add funds
Funds cannot be spent or sent while locked.
High-Stakes Experience

Auction UI Built to Intimidate

Another flow uses a grid of price tags overlaid on a vehicle photo. Bold UI with high-contrast backgrounds, real-time bid tracking, and clear status indicators (Leading, Outbid).

Auctions List
BMW M2 Competition (F87)
1d 2h left128 watching
Leading$87,000
McLaren 720S Super Series
23h left254 watching
Current bid$567,000
Ford Mustang Shelby GT
18h left128 watching
Outbid$124,000
Bidding Flow

Real-Time Bidding Experience

Auction Details
Current Highest Bid$180,000
Your statusOutbid
Bid increment+ $20,000
Bid History
Alex7 min ago
$180,000
You30 min ago
$170,000
Arnold1 h ago
$140,000
Seller Flow

Auction Creation & Escrow

Multi-step auction creation with clear escrow and settlement terms. Sellers and buyers both have deposit requirements with defined settlement windows.

Create Auction Payment
Car Details
Auction Setup
Payment
Seller escrow amount$5,000
Buyer deposit to bid$2,000
Settlement window48 hours
Crypto Integration

Buy, Sell, Swap Crypto

Seamless cryptocurrency management with deposit options, currency conversion, and real-time portfolio tracking.

Buy Crypto Options
Currency Swap
Crypto Portfolio
Buy CryptoDeposit via blockchain or Credit Card (VISA/Mastercard)
Currency SwapConvert fiat (CDN) to crypto (Dash) with live exchange rates
Portfolio ViewPerformance chart, timeframe filters, asset list with values
System Awareness

Comprehensive Notifications

All/System/Transactions tabs with clear categorization. Users stay informed about withdrawals, money requests, suspicious activity, and campaign rewards.

Notifications
Visual System

Design Principles

  • -Dark theme with accent for heads-forward devices
  • -Light text on dark for minimal distraction
  • -Color-coded state information (green for success, red for alerts)
  • -Gradient cards for balance displays
  • -Consistent 32px/40px corner radius for mobile screens

Color Palette

Background
Surface
Text
Primary
Success
Alert
Outcome
+Users drop-to-fund faster with increasing figures as visual cues
+Building trust makes the B2B version a SaaS value proposition
+Unified design language across 5 consumer apps
+Scalable component system for rapid feature expansion
sadra targhi — fintech case study
Next Project

Sonic Markets

->