role

Product Manager
UX/UI Designer
UX Researcher

tools

Figma
HTML
JavaScript

team

1 Developer
4 UX Researchers
3 UX/UI Designers

problem

Users struggle to efficiently manage funds in crypto, leading to missed opportunities, because manual rebalancing is time-consuming and error-prone.

52%

of newcomers don't know how to start with crypto

80%

of retail DeFi traders lose money within 6 months

70%

of new DeFi users quit during the 7+ step setup process

so...

How might we help investors easily manage their money in crypto, reduce manual work, and navigate the system intuitively?

problem statement

Users struggle to efficiently manage funds in crypto, leading to missed opportunities, because manual rebalancing is error-prone.

Solution

Automating rebalancing while integrating educational insights, ensuring that even new users can navigate with confidence.

business opportunity

Simplifying liquidity strategies into one-click operations, making it accessible to all users and driving market expansion.

in summary

It's hard to understand.

It's confusing to set up.

It's overwhelming to navigate.

It's intimidating without guidance.

Here's what we offered

Beginner-friendly education.

Automated portfolio rebalancing.

Tutorial-led site naviagtion.

AI-driven insights and guidance.

Feature Scoping

Because of the tight deadline for this project, we compiled our offerings into two core solutions to maintain focus on the root issue.

problem

Lack of guidance

solution 001

Education & Insights

solution 002

Smart rebalancing

user flow

We created a user flow next because it translates the scoped problem and features into a clear, step-by-step journey to validate how our solution would work.

design

Afterwards, we made rapid low-fidelity wireframes to frame our findings. We then developed hi-fidelity wireframes after finalizing the core structure and interactions.

001─Onboarding

Enables wallet connection for experienced users and guided setup for beginners.

002─Education

Offers platform tutorials and basic investment education for new users.

003─AI Optimization

Allows users to select risk tolerance and approve AI-driven optimization suggestions.

CSS Configurations

We chose Jakarta Sans both for it's versatility, using multiple weights for hierarchy, and for it's contemporary visual appeal. For the entire design, we utilized a 12-column, 64-margin, 20-gutter grid system.

Coding

We connected our prototype by fetching market data from in the backend using CoinGecko API, Alchemy API, and DeFi Llama API. Using that, we then created customized recommendations using ClaudeAI.

001

A structured strategy ensures efficiency – Mapping out research, design, and execution from the start made it way easier to stay on track with a tight deadline.

002

Collaboration with engineers refines interactions – Designing alongside engineers earlier would have clarified the technical feasibility of detailed interactions.

003

Scoping is challenging in complex spaces – Crypto’s vast issues made it hard to focus, but prioritizing one problem ensured a more impactful solution.

takeaways