Diaspora Wallet

Diaspora Wallet is a cross-border money transfer platform that allows users to securely send money internationally.

This project was delivered through a third-party collaboration. The client already had an established brand identity, including the logo and primary color palette. My responsibility was to design a clean, modern, and consistent interface across the customer app, web platform, and admin dashboard while following the existing brand guidelines.

Category

Web App, Mobile App, Admin Panel

Services

UI/UX Designer

Tools

Figma

MY RESPONSIBILITIES

  • Designed responsive web application

  • Designed admin dashboard

  • Maintained visual consistency across all platforms

  • Followed existing branding guidelines

  • Created reusable UI components

  • Designed responsive layouts

  • Worked closely with the development team during implementation

PROJECT GOALS

The goal was to create a modern financial interface that feels:

  • Secure

  • Easy to understand

  • Clean

  • Trustworthy

  • Consistent across all platforms

while keeping the existing branding intact.

DESIGN CHALLENGE

Designing a financial product required balancing usability with information density.

Some of the main UI challenges included:

  • Designing long financial forms without making them visually overwhelming.

  • Maintaining consistency across Web, Mobile, and Admin interfaces.

  • Organizing complex information into clear sections.

  • Making transaction status easy to scan.

  • Designing reusable layouts for multiple screens.

DESIGN APPROACH

Rather than redesigning the product from scratch, the focus was on creating a scalable UI system based on the client's existing branding.

The design process included:

  • Understanding business requirements

  • Reviewing existing branding

  • Exploring visual references

  • Creating layout explorations

  • Designing reusable UI components

  • Applying a consistent spacing system

  • Building high-fidelity screens

  • Preparing developer-ready files

DESIGN PROCESS

📋 Project Brief


Building a clear understanding of the product vision, business goals, and design requirements.

🎨 Moodboard


Exploring visual inspiration to define a clean, modern, and trustworthy fintech experience.

🔀 User Flow


Creating a logical screen flow that guides users through every step of the transfer process.

📐 Wireframes


Establishing layout structure and content hierarchy before applying visual design

✨ UI Design


Designing high-fidelity interfaces that balance usability, consistency, and visual appeal.

🚀 Design Handoff


Delivering organized, developer-ready files with reusable components and clear design specifications.

APP SCREENS

WEB SCREENS

ADMIN PANEL

OUTCOME

✅ Designed complete Web, Mobile & Admin interfaces.

✅ Created a scalable and reusable UI system.

✅ Simplified complex money transfer workflows through layouts.

✅ Improved consistency across all product touchpoints.

✅ Delivered developer-ready, well-organized Figma files.

✅ Built a flexible foundation for future product growth.

Create a free website with Framer, the website builder loved by startups, designers and agencies.