Redefining Crypto Savings through BlockXave

For many crypto holders, savings can feel like a dead end—confusing tools, risky platforms, and assets that sit idle. In a world where financial literacy remains a challenge for many, and traditional savings yield negligible returns, BlockXave aims to change the narrative.

Role

Product Designer

Industry

Web3/FinTech

BlockXave was born with a clear mission:

Empower users to grow dormant crypto assets.
Simplify financial strategies for everyday people.
Ensure security without compromising usability.

This was more than just a hackathon product—it was a solution designed to turn digital assets into stepping stones for financial growth.

The Problem

We identified key pain points that hindered crypto users from achieving meaningful savings:

Low Savings Yield: Traditional accounts offer minimal returns (~0.5% in 2021).
Dormant Crypto Assets: ~60% of Bitcoins remained unused for over a year.
Complex Tools: Jargon-heavy DeFi platforms overwhelm everyday users.
Security Concerns: Hacks in 2020 led to $3 billion in losses, eroding trust in crypto platforms.

These challenges demanded a solution where crypto wasn’t just held—it was actively working for its owner.

The Solution: BlockXave

The name BlockXave reflects its purpose:

Block: Built on secure blockchain technology.
Xave: Savings made smarter.

With BlockXave, users can:

Deploy smart savings contracts tailored to their financial goals.
Monitor portfolios in real-time via an intuitive dashboard.
Enjoy enhanced security features to safeguard their assets.

BlockXave was born with a clear mission:

Empower users to grow dormant crypto assets.
Simplify financial strategies for everyday people.
Ensure security without compromising usability.

This was more than just a hackathon product—it was a solution designed to turn digital assets into stepping stones for financial growth.

The Problem

We identified key pain points that hindered crypto users from achieving meaningful savings:

Low Savings Yield: Traditional accounts offer minimal returns (~0.5% in 2021).
Dormant Crypto Assets: ~60% of Bitcoins remained unused for over a year.
Complex Tools: Jargon-heavy DeFi platforms overwhelm everyday users.
Security Concerns: Hacks in 2020 led to $3 billion in losses, eroding trust in crypto platforms.

These challenges demanded a solution where crypto wasn’t just held—it was actively working for its owner.

The Solution: BlockXave

The name BlockXave reflects its purpose:

Block: Built on secure blockchain technology.
Xave: Savings made smarter.

With BlockXave, users can:

Deploy smart savings contracts tailored to their financial goals.
Monitor portfolios in real-time via an intuitive dashboard.
Enjoy enhanced security features to safeguard their assets.

Design and development rocess

1. Understanding the Users

Given the lack of formal user research, we relied on web research, insights from a blockchain expert, and observations of existing platforms. These informed a user flow that mapped pain points to streamlined interactions. We aimed to remove barriers like complex jargon and overwhelming interfaces.

2. Building the Interface

Using Figma, I designed a user-centric interface with a focus on clarity and simplicity. Key screens included:

Connect Wallet: Seamless integration for both new and existing users.
Dashboard: Personalized insights into savings portfolios and transaction histories.
Savings Goal Setup: A step-by-step guide for deploying smart savings contracts.

3. Prototyping and Development

Backend: Smart contracts were developed using Solidity and Hardhat.
Frontend: Built with React and TypeScript, integrated using Web3uikit and Moralis.

While formal testing wasn’t conducted due to hackathon constraints, internal reviews with friends and research helped refine workflows.

Challenges and how I tackled them

Steep Learning Curve: This was my first dive into Web3 design, so I had to study like crazy—reading articles, watching YouTube tutorials and dissecting platforms like Aave and Compound.
Developer Collaboration: The developer wasn’t always available, so I had to adapt, using resources to validate feasibility and ensure I wasn’t designing unbuildable features.
Simplifying Jargon: Replacing complex terms with user-friendly language was a balancing act, but collaborating with the Product Manager helped refine our approach.

User Experience Journey

New User Flow:

Connect wallet via the landing page.
Guided onboarding to deploy the first smart savings contract.
Selection of savings goals (e.g., accommodation, education).
Portfolio updates reflecting active savings and transaction history.

Existing User Flow:

Access the dashboard to view ongoing savings strategies.
Navigate advanced features like savings optimization.

Design and development rocess

1. Understanding the Users

2. Building the Interface

Using Figma, I designed a user-centric interface with a focus on clarity and simplicity. Key screens included:

Connect Wallet: Seamless integration for both new and existing users.
Dashboard: Personalized insights into savings portfolios and transaction histories.
Savings Goal Setup: A step-by-step guide for deploying smart savings contracts.

3. Prototyping and Development

Backend: Smart contracts were developed using Solidity and Hardhat.
Frontend: Built with React and TypeScript, integrated using Web3uikit and Moralis.

While formal testing wasn’t conducted due to hackathon constraints, internal reviews with friends and research helped refine workflows.

Challenges and how I tackled them

Steep Learning Curve: This was my first dive into Web3 design, so I had to study like crazy—reading articles, watching YouTube tutorials and dissecting platforms like Aave and Compound.
Developer Collaboration: The developer wasn’t always available, so I had to adapt, using resources to validate feasibility and ensure I wasn’t designing unbuildable features.
Simplifying Jargon: Replacing complex terms with user-friendly language was a balancing act, but collaborating with the Product Manager helped refine our approach.

User Experience Journey

New User Flow:

Connect wallet via the landing page.
Guided onboarding to deploy the first smart savings contract.
Selection of savings goals (e.g., accommodation, education).
Portfolio updates reflecting active savings and transaction history.

Existing User Flow:

Access the dashboard to view ongoing savings strategies.
Navigate advanced features like savings optimization.

Reflection

This was my first experience designing for a Web3 product. I faced challenges such as understanding blockchain technologies, ensuring design feasibility and compensating for limited developer availability. Through extensive research, mood boarding and studying similar platforms, I gained valuable insights into user expectations in the Web3 space.

This project taught me the importance of adaptability, cross-functional collaboration and designing for simplicity in complex domains. Despite the challenges, it was a rewarding experience that reinforced my passion for creating user-first solutions.

Other projects

Data Visualization Projects

A peek into the dashboards I’ve designed, where data meets clarity. Each design showcases my approach to turning raw information into visually intuitive tools that drive decisions.

UI project: Track and manage your finance with Money App

So, picture this: I wanted to get better at UI design and thought, "What better way than creating a finance app?" Money App became my playground—a bright, colorful and super-friendly app for managing money. No boring screens, no stiff designs. Just something that feels good to use, even when you're tracking expenses or sending money to loved ones.

RydeCheck: A Case Study in User-Centered Design.

This Casestudy showcases RydeCheck, a webapp platform that helps Nigerians find the best ride-hailing service like Uber, InDrive or Bolt by showing you their prices, estimated time of arrival and driver ratings, all in one place. No app-switching, no hassle. Just smart, fast ride-hailing comparisons so users can make the best choice in seconds

That Tech Babe

That Tech Babe

That Tech Babe