View Case Study

Pier Two
About
Pier Two is a blockchain infrastructure and staking service provider focused on institutional clients. The platform delivers non-custodial staking services designed to maximize rewards while meeting strict requirements for performance, uptime, and operational reliability. Pier Two operates a hybrid cloud and bare-metal infrastructure with zonal redundancy and 24/7 availability. The product is used by funds, exchanges, custodians, ETF issuers, wallets, and protocols, supporting long-term growth and economic security across multiple networks.
Scope
  • Design audit
  • UX/UI design
  • Prototyping
  • Design System
Role
  • Product Designer
Problem
Pier Two’s Control Centre operates in a high-risk financial environment, where user actions are irreversible and mistakes have real monetary consequences. The platform supports staking and unstaking across 20+ networks, managing over $192M in staked assets, with users interacting with multiple protocols, accounts, and networks simultaneously.
The challenge was to reorganize the Control Centre’s structure and key flows - Dashboard (Portfolio), Staking and Unstaking, Accounts, and Reporting - while making it more approachable for less experienced users.
In addition, the Control Centre required a full product redesign aligned with the company’s rebrand.
Solution
Instead of redesigning individual screens in isolation, the approach focused on clarifying how assets move through the system, how actions change their state, and how information is surfaced at each decision point. I reorganized key staking and unstaking flows into a single, step-by-step experience, replacing fragmented, multi-layer navigation with a guided process contained within one view.
By consolidating complex, multi-stage staking actions into a structured sequence, the solution lowered the entry barrier for less experienced users while preserving the depth required by advanced ones. Making system states, transitions, and consequences explicit allows the Control Centre to support confident, informed decision-making in a high-risk environment - enabling users to actively manage assets over time while reducing uncertainty and cognitive overhead.
The system
The system was designed with scalability in mind. An atomic design method was used to define brand foundations and translate them into semantic and responsive design tokens, establishing a universal system-driven framework that supports consistency, adaptability, and long-term growth across the product.
Composition
Within Figma, components were developed to allow for quick, consistent, and integrated configuration across the platform.
The Solution
Due to NDA constraints, detailed product architecture, internal flows and research process are not shown.
Log In screen
Choosing account type
01. Dashboard
Shows consolidated stake metrics, recent actions across owned accounts, active stakes management and state of staking in progress.
Earnings view Dashboard (Portfolio) screen
Dashboard stakes manager
Dashboard staking in progress
02. Stake
The staking experience is built around a clear, step-by-step flow that guides users from protocol selection to transaction confirmation. Informational cards provide comparable protocol data and clear entry points, while the staking form progressively reveals required inputs and context.
Stake screen including all available protocols
Staking flow
Deposit confirmation in progress
Completed transaction
03. Account
The Accounts section consolidates staking positions across networks, combining portfolio-level insights with detailed tables to support monitoring, management, analysis, and unstaking decisions.
Account Overview empty state
Account selected
Account selector default state
Switching between accounts
Account Reporting empty state
New report created
Unstaking wallet connection
Unstaking flow
Next Case