FinX — Financial Dashboard


The task was to design a dashboard for a financial application. It was important to present a lot of data about funds, payments, cards and payment services in a very convenient way.

Financial Mobile App

Research & Prototyping

I made some research and designed mulitple options to be sure that the dashboard meets user's needs. As I was satisfied with the results, I moved to creating a visual style.

All functions, filters are easy to reach and are quite obvious. Still the screen doesn't look overwhelmed with information and remains rather spacious. White space helps work with data.

FinX wireframes

Accessibility Test

As some color coding was used, I double checked that everything works for the color blind, all types of the disease.

The color is not the only attribute that supports different types of data — hierarchy and labels.

FinX accessbility test

Using Screen Efficiently

Dashboard screen switches to an alternative layout when a user starts scrolling. That way payments will cover more space on the screen, so it will be easier to work with them. Card funds overview and other controls remain accessible at the top.
FinX Dashboard
Animations is an efficient way to present design solutions or to use them as refereneces.

Controls & Filters

There was a number of things to keep in mind while designing the dashboard:

FinX cards

Other Projects

Vuestic • Web • 2019

Vue.js admin theme

Epic Spinners • Web • 2018

Open-source spinners collection

Happiful • Mobile • 2017

Track Your Mood

Land • Mobile • 2017

Travelling Mobile App