Sailor Lend
Client: Sailor Lend
Role: Senior Product Designer, UX/UI & AI Innovation
Category: Web App (DeFi) NEAR Protocol
Focus: Making DeFi lending clear, safe, and intuitive
Timeline: Oct 2024 – Present
The Challenge
DeFi lending is incredibly powerful, but to the average user, it’s terrifying. Sailor needed an interface that made borrowing against crypto approachable for the next million users. The goal was to remove the fear and confusion, without hiding the transparent data that makes decentralized finance so valuable.
The three main hurdles we had to fix:
01
Confusing Liquidation
Users didn’t understand when or why they might lose their collateral.
02
Hidden Risks
People were confirming loans without seeing the actual risk involved.
03
High Drop-off
Users were getting overwhelmed and abandoning the app before taking their first loan.
The Product
Borrow · Lend · Transactions · Stats
Borrow
Lend
Transactions
Stats
The Borrow Journey
From first intent to first loan — designed for users new to DeFi
01
Risk-first interface
We stopped burying the important stuff. Liquidation prices and health factors are now the very first things you see—long before you ever hit a confirmation button.
02
Constant Clarity
Every step shows the full picture — collateral, debt, LTV ratio and liquidation price are always visible, never hidden. Users never have to guess where they stand.
03
The Health Gauge
We built a persistent visual gauge that acts like a dashboard for your loan. A quick glance tells you exactly how healthy your position is.
Communicating Risk
Five risk levels always visible — with proactive warnings before positions become critical
5-tier risk level system
High risk banner with actionable CTAs
Post-liquidation — transparent breakdown
Design System
Building a scalable interface using Atomic Design.
Building a scalable interface using Atomic Design.
The Parent Library (The DNA):
Built on MUI Core. This holds all the basic building blocks—our colors, our typography, and the absolute basics.
The Child Library (The Engine):
This takes those building blocks and turns them into actual DeFi components—like Lending Cards, Transaction Tables, and Position Gauges.
