SafePal

Mobile App

Web3

iOS + Android

A full redesign of a leading crypto wallet app. Seven weeks from brief to handoff, designed at Unfold.

SafePal NFT collection screen
SafePal wallet NFT floor value screen
SafePal DApps discovery screen
SafePal games DApps screen

Context

SafePal had the users. The product had not kept up. Features had accumulated faster than the interface around them, with no coherent visual system holding it together.

  • Navigation did not reflect how users actually moved through the product
  • Complex features like DeFi, DApps, and cross-chain swaps were buried or inconsistently surfaced
  • The visual design lacked coherence across screens and feature areas
  • The app served both crypto newcomers and power users, with no clear accommodation for either

Role

Lead Product Designer, Unfold · 7 weeks

What I owned

  • Led UX and UI across half the product, including wallet and transaction flows
  • Drove decisions on navigation architecture, hierarchy, and component structure
  • Built out the design system alongside the second designer, with clear ownership over my screen set
  • Led design sessions with SafePal stakeholders and managed feedback rounds
  • Contributed to handoff documentation and final specs for engineering

Requirements

Before any design work began, I mapped the full feature scope with stakeholders. These requirements were defined at kickoff as a shared checklist to keep the team aligned throughout.

Wallet

Portfolio Overview

Total balance display with 24-hour price change, performance chart, and timeframe selector (1D to ALL).

Wallet

Asset List

Scrollable list of held coins showing name, ticker, price, quantity, and 24h performance.

Wallet

Multi-Wallet Management

Add and switch between hardware and software wallets from a unified wallet selector.

Wallet

Coin Management

Searchable master list of all supported coins with controls to add or remove from portfolio view.

Wallet

Tab Navigation

Top-level tabs for Coins, DeFi, and NFTs accessible from the main wallet home screen.

Transactions

Receive

QR code and copyable wallet address with chain-specific compatibility warning and Share action.

Transactions

Send

Token selection, recipient address input, amount entry with MAX shortcut, and multi-step confirmation.

Transactions

Buy Crypto

Fiat-to-crypto purchase via integrated third-party provider with credit card support.

Swap & Bridge

Token Swap

Swap between tokens with live balance display, swap direction toggle, and single-tap Swap action.

Swap & Bridge

Cross-Chain Bridge

Select coin, source chain, and target chain with amount input and Bridge confirmation.

Swap & Bridge

Bridgeable Coins

Searchable full list of tokens supported for cross-chain bridging.

Swap & Bridge

Exchange

Access to Binance Exchange via integrated DApp launcher with direct launch action.

DApps

DApp Browser

In-app browser with manual URL entry and network and node configuration.

DApps

DApp Discovery

Trending DApps section with category filters (All, Games, NFT, Dex) and Favourites management.

DApps

Node Selection

Manual selection of BSC and ETH nodes with real-time ping and block height indicators.

NFTs

NFT Portfolio

Total floor value, chain filter (All, Ethereum, BSC), and collection list with item counts.

NFTs

Collection View

Grid display of NFTs in a collection with floor value and chain badge.

NFTs

NFT Detail

Individual NFT screen with Send action, chain info, and collection description.

NFTs

NFT Burn

Irreversible delete flow with typed "DELETE" confirmation to prevent accidental burns.

NFTs

Collection Management

Searchable master list of all NFT collections with visibility toggle controls.

Design System

Component Library

Shared component set covering all product surfaces, built for light and dark mode.

Design System

Design Tokens

Consistent colour, typography, and spacing tokens applied across all screen sets.

Design System

Component Documentation

States, variants, and usage guidelines documented for engineering handoff.

Design System

Ownership Structure

Defined screen ownership between two designers drawing from a shared component library.

Decisions

We restructured navigation around what users actually do. Features had accumulated without consistent logic to where they lived. We rebuilt around three core actions: checking balances, swapping, and accessing DApps. DApps and NFTs had been given equal weight to the wallet core despite low usage. Usage drove the hierarchy.

We built the design system first. SafePal covers wallet, exchange, DApps, NFTs, and settings. A shared component library for light and dark mode kept every screen visually consistent.

We designed for two audiences without building two products. Users range from first-time crypto owners to experienced traders running multi-chain strategies. Core flows are approachable by default; DeFi tools and advanced settings sit one layer deeper, visible but non-dominant. One product, two entry points.

SafePal design system in dark modeSafePal design system in light mode

Shipped

A full redesign of a multi-feature crypto wallet used across iOS and Android. Polished, systematized, and handed off ready to build.

What shipped

  • Home/Coins: portfolio overview and asset management
  • Swap/Bridge/Exchange: cross-chain transaction flows
  • DApps: decentralized application browser and access layer
  • NFT Index and Collection: NFT portfolio management and display
  • Full component library and design system documentation
SafePal shipped screen 1
SafePal shipped screen 2
SafePal shipped screen 3
SafePal shipped screen 4
SafePal shipped screen 5
SafePal shipped screen 6
SafePal shipped screen 7
SafePal shipped screen 8
SafePal shipped screen 9
SafePal shipped screen 10
SafePal shipped screen 11
SafePal shipped screen 12
SafePal shipped screen 13
SafePal shipped screen 14
SafePal shipped screen 15
SafePal shipped screen 16
SafePal shipped screen 17
SafePal shipped screen 18
SafePal shipped screen 19
SafePal shipped screen 20
SafePal shipped screen 21
SafePal shipped screen 22

Build

SafePal covers wallet management, DeFi tools, NFT collections, and more. The design system had to hold all of it.

Two designers working in parallel required clear ownership from the start. Each owned a defined screen set and drew from a shared component library: consistent tokens, variants, and documented states throughout. Handoff documentation was produced at the component level so engineering could build without ambiguity.

SafePal design system components

Design system components

Results

SafePal serves 20 million users across 196 countries, backed by Binance Labs. The redesign delivered a coherent visual system, restructured navigation, and a component library.

Learnings

Seven weeks across this much surface area required clear prioritization. The two-designer structure worked because ownership was defined early. Ambiguity about who owned what would have created inconsistency. Clear lanes made the pace possible.

The design system was the real multiplier. Decisions made at the component level rippled outward to every screen. Right calls compounded quickly; wrong ones were faster to fix than if we'd designed screen by screen. On a project with this scope, the system is the product.

Let's create something

amazing together

DribbbleLinkedIn