Islamabad, Pakistan /

5:32 PM

FIN.X

The core objective of this project was to overcome user intimidation by transforming complex financial data (income, spending, net flow) into an engaging, secure, and easily digestible interface, ultimately providing users with clarity and control over their financial health.

image
image
client
[ john nelson ]
role
[ ux/ui design ]
time line
[ jan 2025 - april 2025 ]
image
image
The Ask

The client required a dashboard design that moves beyond standard spreadsheet presentation. The primary goal was to use a modern, professional aesthetic to make daily and monthly financial tracking feel intuitive and motivational. The design needed to immediately answer three critical user questions: What is my overall status? How is my money moving? Where did I spend it?



The Design

The FIN.X Dashboard uses a Dark Mode foundation with high-contrast purple and gold accents for a premium, secure feel. The four-zone hierarchy is designed for immediate data comprehension:

  • Metric Summary Cards: Provides an instant health check using bold KPIs (Income, Expense, Revenue) and circular charts for immediate visual analysis.

  • Money Flow Visualization: The central focus is a Time-Series Chart that transforms movement over time into an intuitive visual narrative for easy trend analysis.

  • Recent Transactions: Delivers granular, actionable detail with distinct vendor icons for streamlined audit and instant expense recognition.

  • Security & Navigation: Anchored by minimal side navigation and the My Cards panel to reinforce security and contextualize linked accounts.



image
image
the takeaway

The FIN.X dashboard successfully leveraged aesthetic design and functional visualization to simplify complex personal finance management. By adopting a high-contrast dark theme and prioritizing the Money Flow chart as the central piece of information, the design transforms potentially dry data into an engaging and informative visual narrative. This approach provides users with clarity and confidence, successfully bridging the gap between comprehensive financial data and easy consumer access.

let’s make your design shine

“collaborate with me to craft exceptional designs
reflect your unique vision.”

image

let’s make your design shine

“collaborate with me to craft exceptional designs
reflect your unique vision.”

image

let’s make your design shine

“collaborate with me to craft exceptional designs
reflect your unique vision.”

image

let’s make your design shine

“collaborate with me to craft exceptional designs
reflect your unique vision.”

image

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