Simplifying Yield Management for DeFi Investors
Designing a dashboard to automate and visualize crypto yield strategies for investors navigating the decentralized finance ecosystem.
Duration
6-8 Weeks
Role
UX/UI Design Intern (1 of 4)
Team
Project Manager, UX/UI Designers
Client
Earn Jarvis
Decentralized finance (DeFi) allows cryptocurrency holders to generate yield through staking, lending, and liquidity pools. However, participating in this ecosystem requires navigating multiple protocols, dashboards, and complex financial mechanics.
For many investors, managing these strategies involves manually tracking performance across platforms and frequently adjusting positions to maintain optimal returns.
This project explored how a unified dashboard could simplify yield management by automating strategy execution and improving portfolio visibility.
DeFi investors often manage assets across several platforms, each with different interfaces, metrics, and workflows. This fragmentation creates friction for users attempting to monitor and optimize their investments.
Key challenges included:
Fragmented Portfolio Visibility
Users must check multiple platforms to track the performance of their assets.
Manual Strategy Management
Maintaining optimal yield requires frequent monitoring and manual adjustments.
Complex Financial Interfaces
Existing tools often cater to advanced traders, making them difficult for less technical investors to understand.
Connect CMS Image fields (Image 1–10)
Competitive Analysis
We explored other products like Coinbase, Robinhood, and others. As a team, we used this as inspiration for the new pages the client was looking for in their site. I evaluated the competitor's sites and came across similar interfaces, designs, layouts, and features utilized to market the product. To ensure a familiar user experience for new onboarding users, these serve as inspiration to help identify areas of improvement for earnJarvis current web design. After taking notes of specific details, the team met and created a list of things we liked and didn't like to use for his site.
Connect CMS Image fields (Image 1–10)
Style Guide
EarnJarvis originally had a style guide, our team just went ahead and updated it. This allowed us to stay consistent throughout our designs. The clients wanted to move away from gradients therefore we proceeded on using the sold blue color in their logo. From these results we created our style guide that would direct us into our final UI.
Connect CMS Image fields (Image 1–10)
High-Fidelity Screens
Each designer was responsible for a different section of the product. The final high-fidelity screens included:
Personal Information (Onboarding)
Direct Deposit & Wire Transfers (Onboarding)
Phone / Email Verification (Onboarding)
Dashboard
Rewards
Transfers
Developer Hand Off
Developer annotations play a key role during the design phase. They translate UX decisions into clear guidance for developers so the interface gets built as intended. I add these using tools like Autoflow, spacing measurements between key components, and notes to flag or correct inconsistencies.
“Phenomenal work. The design direction helped clarify our product experience and communicate the platform’s value.”
— Atyab Bhatti, Co-Founder & CEO
