DeFiWallet · PortfolioWeb & Mobile

Zerion — DeFi wallet redesign

Buy, send, track and swap — simple and secure. All your crypto assets in one place.

Client
Zerion
Year
2026
Role
UI/UX Designer
Scope
Research · Prototyping · Web & Mobile

📌 Project overview

What Zerion is

Zerion is a non-custodial DeFi wallet and portfolio tracker supporting 50+ blockchain networks, built for both crypto newcomers and experienced DeFi users who want a powerful all-in-one tool.

🎯 Business goal

Grow Zerion’s user base by making it accessible to newcomers without losing experienced users.

⚠️ Problem

Technical terminology, no onboarding guidance, and information overload push new users away before they complete a single action.

🧪 Prototyping

Design task

“Send” / Transaction flow. Simplify the three core scenarios — onboarding, portfolio overview, and sending tokens — reducing friction at every step while keeping the depth that power users need.

🧩 Project scope

🔍 Research 🧪 Prototyping 🖥️ Web & Mobile Design 📦 Deliverables

🗺️ User flow — main screen & portfolio

User flow — main screen and portfolio navigation

🧩 Customer Journey Map — onboarding · main screen · sending a token

Customer Journey Map — user goals, actions, thoughts, emotions, problems and improvements

🧪 Prototype screens — dashboard & send flow (wireframes)

Prototype wireframe screens — dashboard, select token, recipient address, withdraw amount

🔧 From prototype to final design

Four decisions that mattered

1

Consolidated the “Send” flow from 3 screens to 1

The prototype split the send flow across three separate screens, leaving users unsure of how many steps remained. In the final design, all steps are combined on one screen with numbered indicators.

2

Removed manual network selection

The prototype required manual network selection — a technical detail most newcomers don’t understand. In the final design, the network is detected automatically based on the recipient address.

3

Made the total cost visible before confirmation

In the prototype, the total cost only appeared on the confirmation screen. In the final design, “You’ll send $143.94” is shown in real time before the user confirms.

4

Replaced top-tab navigation with a left sidebar

The prototype used horizontal tabs that compressed the content area. A fixed left sidebar keeps navigation always visible and follows familiar desktop patterns.

All these changes helped reduce unnecessary user actions, eliminate ambiguity at critical moments, and ensure the design logic is driven by user needs rather than technical constraints.

🖥️ Final design

Desktop & mobile screens

Final design — desktop dashboard and send screen, plus mobile portfolio and send flow

📈 What changed

Before, after, and why it matters

Before

The original Zerion interface relied on technical terminology, had no onboarding guidance, and split the send flow across multiple disconnected screens.

After

After the redesign, onboarding takes under a minute and the entire send flow fits on one screen — with all costs visible before confirmation.

This made the product accessible to newcomers without removing the depth that experienced DeFi users rely on.

🤝 Let’s work together

Have a product that needs sharper design?

Write me and I’ll review your product, share key insights, and show where you might be losing users or customers.

Contact me →