ZAN Logo
NeoBank Dashboard
FinTech / UI Design

NeoBank Dashboard

Redefining the digital banking experience. A comprehensive dashboard overhaul focusing on real-time data visualization and intuitive user flows.

Client

NeoBank Intl

Year

2024

Services

  • UI/UX Design
  • Frontend Development
  • Design System
  • User Testing

Tech Stack

React TypeScript GraphQL D3.js

The Problem

NeoBank's existing dashboard suffered from significant performance issues and a cluttered interface. Users struggled to find essential information, resulting in a high bounce rate on the main landing view. The backend API calls were inefficient, leading to loading times exceeding 5 seconds.

Process 1 Process 2

Our Approach

We adopted a mobile-first philosophy, ensuring that the core banking functions were accessible within two taps.

  • Performance First: By implementing a GraphQL layer, we reduced payload sizes by 85% and achieved sub-second load times.
  • Real-time Data: We utilized WebSockets to push transaction updates and stock prices instantly to the client, creating a lively, responsive feel.
  • Modular Design System: We built "Atomic Gold," a comprehensive component library that allows the engineering team to ship new features 3x faster.