fowzan razak.
← all work
case study

BitDelta Exchange — Wallet Redesign

BitDelta Wallet prioritises the safety of assets, using cutting-edge security to keep crypto protected. Buy, sell and trade with ease — an intuitive interface makes navigating the market a smooth experience.

Download the app View live
Domain
Fintech, Web3
Role
Product Designer
Timeframe
Q2 2023
Discipline
Web3, Blockchain, Mobile application
01 / 08

Context

The product, and my part in it.

About BitDelta

BitDelta Wallet makes crypto approachable — fast, secure and easy to use. It bridges the complexity of a full exchange with everyday usability, so beginners and power users can both manage their assets with confidence.

My role

I led the end-to-end design, working with the product manager and co-founders on positioning, experience and visual direction. Over an intensive three-month phase I collaborated with fellow designers, engineers, data analysts and content writers to translate product goals into a cohesive, user-centric solution.

The BitDelta teamThat’s me
The BitDelta team
Role
Product Designer
Timeline
3 months, intensive
Team
PM, engineers, BA, content writer
  • UX Strategy
  • UX Research
  • User Flows
  • Wireframing
  • Interaction Design
  • Visual Design
  • Rapid Prototyping
02 / 08

Problem

What wasn’t working in the wallet.

Drag the slider to compare the existing wallet home with the redesign.

BitDelta Wallet · July 2023
Existing design · March 2023
Existing design · March 2023BitDelta Wallet · July 2023
01 — Existing design
  • Promo first

    A staking upsell sits above the user’s own wallets.

  • No colour key

    The balance bar has five colours and no labels.

  • No wallet tabs

    Every wallet sits in one long scrolling list.

  • Locked funds unclear

    One lump sum — no split for orders, collateral or staking.

02 — The redesign
  • 74%Delivery

    Faster delivery, by aligning design sprints with engineering readiness.

  • 3×Speed

    Faster task completion in key journeys like collateral.

  • 80+Scale

    Screens designed across end-to-end journeys.

  • 6Coverage

    End-to-end journeys created, including Spot, Derivatives and Convert.

03 / 08

Research

What users told us, and the needs behind it.

I analyzed Google Analytics data alongside App Store and Google Play reviews to understand what customers were actually struggling with. I then interviewed users to validate and pressure-test those findings. Four key themes emerged.

The app feels more complicated than it needs to be. The most important information isn’t obvious.
Kabir N.
Sending crypto took way too many steps. I just wanted to enter the amount, review the details, and send.
Jessica S.
I know what I want to do, but the app makes me go through too many steps to get there.
Tyagi M.

What users need

Testing with crypto novices and power users pointed to four needs.

  1. Balance first

    People open the wallet to see what they own. Offers can wait.

  2. Name every wallet

    Spot, MT5 and Collateral mean little without labels — colours alone mean less.

  3. One tap to any wallet

    Power users know which wallet they need and want to go straight there.

  4. Show what’s free to move

    Split what’s available from what’s tied up in orders, collateral or staking.

04 / 08

Flow

Where the journey breaks, for a first-timer and a trader.

User Journey Mapping

First-time crypto buyerActive trader
OrientFundReturnStageOpen walletRead the splitFind a walletCheck what’s freeAdd fundsChoose networkBack to walletFirst-time crypto buyer
“Where do I even start?”
“Which colour is which?”
“What’s Spot? What’s MT5?”
“Can I use all of this?”
“Buy or deposit — what’s the difference?”
“What if I pick the wrong one?”
“Did it arrive?”
Active trader
“Quick balance check.”
“How much is in Derivatives?”
“Just take me to Derivatives.”
“What’s tied up in orders?”
“Deposit, from my other wallet.”
“Why not remember my network?”
“Funded. Back to the chart.”
Emotions
Opportunity
Balance first — not a promo.
Name every colour, with each account’s share.
One tap to any wallet, with tabs.
Available vs. in use, per account.
Two clear ways in: Buy or Deposit.
Warn on a mismatch; show fee and speed.
A toast confirms it; the balance updates.
05 / 08

Design decisions

The structural calls the four needs led to.

From needs to structure

The four needs, reframed as “how might we” prompts, settled the structure: six areas and the flows through them.

    • Balance
    • Assets
    • Allocation
    • Activity
    • Coins
    • Search
    • Convert
    • Spot
    • Derivatives
    • Staking
    • Deposit
    • Buy crypto
    • Funding methods
    • Spend
    • Receive
    • Payment
    • Confirm
    • Coin
    • Network
    • Address / QR
    • History
    • Spot
    • Derivatives
    • Staking
    • Rewards
    • OTC
    • Loan
    • Launchpad

Three structural calls

Re-mapping the wallet end to end settled three calls:

  • One hub for every wallet, instead of five separate views.
  • The same core actions on every wallet screen.
  • Shorter transactions, with fees and network shown inline.
  1. Start
  2. Wallet
  3. Add funds
  4. Buy or deposit?

Buy crypto

  1. Enter amount
  2. Select currency
  3. Pay with
  4. Confirm order
  5. Success

Deposit crypto

  1. Select coin
  2. Select network
  3. Deposit address
  4. Track deposit
Back to wallet
06 / 08

Solution

The redesigned wallet, and how it answers each problem.

The new wallet at a glance

One view of your money, every wallet named, the core actions in one place, and advanced features one level down.

Redesigned overview screen with the key areas called out
BitDelta Wallet — 2023 (July)

Each problem, answered

Pick a problem to find its fix on the screen.

The add-funds flow

The add-funds flow, end to end. Pick a path — it plays on its own.

01 / 07
07 / 08

Impact

How the redesign held up in testing.

I tested the redesign with five people — crypto novices to active traders — on four tasks: read the balance, find a wallet, buy crypto and deposit crypto.

Exact figures are under NDA, but every task got easier.

BeforeAfter
Read the balanceHard to findAt a glance
Tell wallets apartGuessworkLabelled
Reach a walletLong scrollOne tap
Know what’s free to moveUnclearPer account
Buy cryptoLong pathFive steps
Pick a networkError-proneFlagged
08 / 08

Reflection

What I’d carry forward.

  1. Lead with the user’s money

    Moving the promo out of the way did more for clarity than any visual polish.

  2. Name things plainly

    Labels beat colour. Every wallet now says what it is.

  3. Design the fork early

    Splitting Add funds into Buy and Deposit up front kept both paths short.

  4. What’s next

    Testing flagged language and navigation for a follow-up pass, with another round planned.

next case study Dubai Economy & Tourism — Design System read it