Portfolio Website Preview

Project Overview

This is my first attempt at designing a fintech app. The goal of this project was to create a user-friendly and visually appealing financial dashboard for business owners to monitor key metrics and make data-driven decisions.

Key Features & Design Approach

  • User Authentication: A clean and modern sign-in screen ensuring a secure and seamless login experience.
  • Dashboard: Displays an overview of financial performance, including revenue, expenses, profit margins, and cash flow, with clear data visualization.
  • Navigation System: A bottom navigation bar provides easy access to Dashboard, Analytics, Inbox, Notifications, and Tasks.
  • Analytics Section: Features quarterly performance tracking, displaying product line revenues. Users can take actions such as allocating resources, adjusting budgets, and exporting data.

Design Objectives

  • Clarity & Accessibility: Ensuring financial data is easy to interpret through charts, typography, and layout.
  • User-Centric Navigation: Keeping the structure intuitive to enhance usability for business owners.
  • Modern Aesthetic:A professional yet visually appealing design that aligns with fintech industry standards.

Design Showcase

Below are some of the key screens designed for this fintech app, demonstrating the user flow and interface components:

Sign-In Page

LocumNet Portal Before Hero Design
  • A clean and minimalist login screen for easy access.
  • Ensures a smooth user experience with a simple input form.

Dashboard

LocumNet Portal Before Hero Design
  • Provides a financial performance overview with key metrics such as revenue, expenses, profit margins, and cash flow.
  • Uses clear data visualization to help business owners make informed decisions.
  • Features a bottom navigation bar for quick access to different sections.

Analytics - Quarterly Performance

LocumNet Portal Before Hero Design
  • Displays revenue performance for different product lines over time.
  • Allows users to allocate resources, adjust budgets, and export data directly from this screen.

Reflection

As this is my first fintech UI/UX project, I’ve gained valuable insights into designing for financial applications. I look forward to exploring more complex interactions, improving accessibility, and refining my design process further.

Tools Used

  • Figma