CLIENT
Polygon Labs
PROJECT TYPE
UI/UX
Brand identity
Product Design

Katana Network's app is built around a single design conviction: DeFi complexity should never become the user's problem. The interface operates on a dark foundation with high-contrast type and sharp spatial hierarchy, a visual language that mirrors the brand's edge while serving a functional purpose: fast comprehension. The top navigation keeps five core destinations always within reach — Discover, Earn, Stake, Quests, and Perps — while a persistent wallet summary floats above the experience, showing total value, unclaimed rewards, and idle assets at a glance. It's a shell that scales from novice to degen without changing its skin.

01

Dashboard (Discover)

The Discover view acts as the product's home base and orientation layer. Rather than dropping users into a blank state, it surfaces the ecosystem: active opportunities, protocol highlights, and entry points into the chain's core apps. The design prioritizes legibility over density, giving each card or module enough breathing room to be scanned rather than studied. The persistent wallet summary at the top anchors every session with context: what you have, what you've earned, what's sitting idle. This transforms the dashboard from a landing page into a live financial snapshot.

Katana_app_Discover

02

Earn

The Earn section is where the product's depth meets its most deliberate design restraint. Yield opportunities across lending, liquidity provision, and vaultbridge strategies are presented in a scannable list format, each surfacing the relevant rate, asset, and protocol source without requiring users to leave the page to understand their options. The design avoids the trap of over-informing: only the numbers that drive decisions are prominent, with secondary detail tucked behind without disappearing. The VaultBridge mechanic, where bridged assets earn Ethereum-side yield immediately, is visually communicated as a default-on state, reinforcing that capital works from the moment it arrives.

Katana_app_Utilisation

03

Portfolio

The portfolio view consolidates a user's full position across the Katana ecosystem into one read. Wallet balance, deposited assets, earned yield, and claimable rewards are structured to give a complete picture without requiring users to cross-reference multiple screens. The design leans heavily on typographic hierarchy here: large numbers for what matters most, subdued labels for context, and clear action triggers (Claim) placed exactly where the eye lands after reading the data. It's the kind of view that earns daily habit.

Katana_app_vKAT Claim + Delegate-2

04

Staking

The staking interface carries the brand's most pointed UX decision: the conversion of KAT to vKAT is not just a transaction but a commitment the product frames as meaningful. The design reflects this through deliberate pacing, giving users clear visibility into what they're locking, what they receive in return (voting power, fee share), and the modes available (Delegate or Auto). The "Founding Staker" status mechanic introduced at launch is a good example of how the product uses design to make protocol-level incentives feel personal and time-sensitive without resorting to dark patterns.

05

Transaction: Bridge and Swap

The bridge and swap flows are stripped to their functional minimum. Asset selection, chain routing, and amount input follow a familiar two-panel structure, but the execution feels tighter than most DeFi bridge UIs: fewer steps, clearer confirmation states, and route logic surfaced only when relevant. The integration of VaultBridge into the bridging flow is handled gracefully, presenting yield enrollment as a natural extension of the transfer rather than a separate opt-in buried in settings. Supporting 75-plus chains while keeping the UI uncluttered is itself a design achievement.

06

Quests

The Quests section brings the product's community and retention layer into focus. On-chain actions are translated into trackable progress: XP, badges, and milestone completions that reward actual usage rather than passive holding. The design avoids the gamification trap of making quests feel juvenile. The visual treatment stays consistent with the rest of the app's sharp, dark aesthetic, lending the rewards system credibility rather than cheapening it. Wallet verification and social account linking (X) are integrated as lightweight steps, keeping the onboarding friction low while anchoring identity to behavior.

07

Components + Design System

Katana_app_Cards
Katana_app_nav
Katana_app_badges
Katana_app_Table