BACK
dec, 2024-2025
platform: iOS
client: zyro
website:
Zyro Brand & Product Design Case Study
Background
Zyro is a cross-chain crypto bridge app that lets users move digital assets across blockchain networks instantly and securely. I designed the full brand identity and mobile product experience from logo to app screens with one goal in mind: make a technically complex product feel effortless.
The Problem
The identity was approached with a focus on clarity, restraint, and symbolism. In a space often dominated by noise and complexity, the goal was to create a system that feels calm, confident, and intentional—one that communicates trust without overexplaining itself.
Brand Identity
Logo
I designed the Zyro mark around a contained square icon with two diagonal lines a geometric abstraction of movement between two points, directly referencing the core product function: assets crossing chains. The deep navy field and electric lime border create a tension that feels both structured and energetic.
The wordmark is set in a clean, wide tracking all caps sans-serif. Together, the lockup holds up at any scale from a billboard to a 60px app icon.
I built the mark on a precise geometric grid using circles and alignment guides, ensuring consistent proportions across every application.
Brand Identity
Color Palette
I made a deliberate decision to go light where most crypto brands go dark. The palette leads with a deep teal-navy as the primary color trustworthy and premium paired with an electric lime accent for energy, a warm coral for depth, and soft cream surfaces throughout the UI.
This combination makes Zyro instantly recognizable and positions it closer to modern fintech than the typical crypto aesthetic.
Typography
I used Geist (Bold, SemiBold, Regular) for display and brand moments and all UI content. Geist carries the personality and does the work.
Product Design
Onboarding
I designed three onboarding screens, each built around a single value proposition: bridge without complexity, move assets across chains, and security you can verify on-chain. Custom illustrations rendered in the brand's navy and lime tones make the onboarding feel editorial rather than templated. The flow closes with a clear "Connect Wallet" CTA.
Product Design
Home Screen
The home screen is organized around one question: what do you have, and what do you want to do with it? The Total Wallet Balance card sits at the top on a lime-yellow surface so the number is impossible to miss with Deposit and Details CTAs built right into it. Quick Actions (Fast Bridge, Quick Swap) sit immediately below, covering the two core user jobs without requiring any navigation. Live gas fee indicators on the network list give power users the context they need without cluttering the experience for everyone else.
Product Design
Bridge Flow
I designed a clear three-step bridge flow: select your tokens and amounts, choose your source chain and token from a searchable list, then review a full breakdown before confirming sending amount, receiving amount, gas fee, bridge fee, and estimated time. Everything a user needs to make a confident decision, in one screen.
Product Design
Supporting Screens
I also designed wallet connection, transaction history with status-coded activity cards (Processing, Completed, Failed), and a settings panel covering network management, security, preferences, and support all organized consistently with the rest of the product.
Visual Language
Reflection
The central design bet on Zyro was the light palette. Dark interfaces dominate crypto because they feel serious but I wanted to show that seriousness doesn't require darkness. A coherent visual system, custom illustrations, a grid constructed logo, and a tightly held color palette all came together to make something that looks polished in a dock, trustworthy in a transaction modal, and credible on a billboard.
Brand and product design working from the same decisions. That's the point.