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.

Role

UX/UI Designer

Industry

FinTech

The Goal

I wanted this app to feel like your buddy for handling money, not some cold, corporate tool. Here’s what I aimed for:

Simple and Enjoyable: Make it easy for anyone to use, whether you’re a finance pro or just starting out
Track Your Spending: Keep tabs on where your money goes, broken down into clear categories.
Know Your Numbers: Get a full view of your income, expenses, and net worth, all laid out in an easy-to-digest way.
Transfers Made Easy: A finance app isn’t complete if you can’t send money—so I made sure transferring funds is smooth and straightforward.
Bright and Fun: An app that doesn’t just work well but also makes you smile every time you open it.

How I Brought It to Life

Mini - Research
I didn’t do a full-on user research deep dive, but I did look at popular finance apps to figure out what works and what doesn’t. I focused more on how I wanted my app to feel—friendly, colorful and approachable.
Picking the Vibe i want
I created a mood board that screamed "fun but reliable." Think trust, confidence and a little splash of excitement.
The Colors
Here’s where I let the bright side shine:
#C533FE (Bright Violet): It’s bold, it’s confident and it pops.
#314BFD (Deep Blue): A calming, trustworthy base to balance it out.

Fonts That Fit
I went with Montserrat for that modern, clean look and SF Pro Text because it’s easy to read, even when you’re squinting at your expenses lols.

The Goal

I wanted this app to feel like your buddy for handling money, not some cold, corporate tool. Here’s what I aimed for:

Simple and Enjoyable: Make it easy for anyone to use, whether you’re a finance pro or just starting out
Track Your Spending: Keep tabs on where your money goes, broken down into clear categories.
Know Your Numbers: Get a full view of your income, expenses, and net worth, all laid out in an easy-to-digest way.
Transfers Made Easy: A finance app isn’t complete if you can’t send money—so I made sure transferring funds is smooth and straightforward.
Bright and Fun: An app that doesn’t just work well but also makes you smile every time you open it.

How I Brought It to Life

Mini - Research
I didn’t do a full-on user research deep dive, but I did look at popular finance apps to figure out what works and what doesn’t. I focused more on how I wanted my app to feel—friendly, colorful and approachable.
Picking the Vibe i want
I created a mood board that screamed "fun but reliable." Think trust, confidence and a little splash of excitement.
The Colors
Here’s where I let the bright side shine:
#C533FE (Bright Violet): It’s bold, it’s confident and it pops.
#314BFD (Deep Blue): A calming, trustworthy base to balance it out.

Fonts That Fit
I went with Montserrat for that modern, clean look and SF Pro Text because it’s easy to read, even when you’re squinting at your expenses lols.

Designing the Screens
I didn’t jump into layouts right away—been there, done that and hit too many creative blocks. This time, I flipped the script and started with the features instead. Focusing on what the app should do gave me the clarity to shape how it should look.

Here’s how it unfolded:

Onboarding Screens: A warm welcome with bold colors and friendly vibes.
Home Page: The hub where users can track their income, expenses, and net worth.
Menu, Profile, Cards and Notifications: Kept it straightforward and easy to navigate.
Track Your Expenses: Categorized spending so users can easily spot where their money goes.
Transfer Screen: Because what’s a finance app if you can’t send money quickly and easily?

Lastly tweaking and perfecting
I spent time refining the details—spacing, colors and making sure everything just felt right atleast to an extent.

Designing the Screens
I didn’t jump into layouts right away—been there, done that and hit too many creative blocks. This time, I flipped the script and started with the features instead. Focusing on what the app should do gave me the clarity to shape how it should look.

Here’s how it unfolded:

Onboarding Screens: A warm welcome with bold colors and friendly vibes.
Home Page: The hub where users can track their income, expenses, and net worth.
Menu, Profile, Cards and Notifications: Kept it straightforward and easy to navigate.
Track Your Expenses: Categorized spending so users can easily spot where their money goes.
Transfer Screen: Because what’s a finance app if you can’t send money quickly and easily?

Lastly tweaking and perfecting
I spent time refining the details—spacing, colors and making sure everything just felt right atleast to an extent.

a black cellphone with a white letter on it

Why This Matters to Me

This wasn’t just about designing an app; it was about pushing myself to try something new. I wanted to prove that financial management doesn’t have to be boring—it can actually look and feel good. And hey, if it makes you smile while tracking expenses or sending money, that’s a win in my book.

A Sneak Peek

From the moment you open Money App, it’s all about bright colors, clean layouts and a design that feels like it’s rooting for you. I’m pretty proud of how it turned out and it’s taught me a lot about balancing fun with function.

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.

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

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.

That Tech Babe

That Tech Babe

That Tech Babe