The making of the Alfa-Click online banking service interface

Coming up with the design concept. Thanks to the expanded menu and the Favorites panel, you get direct, hassle-free access to all the functions of the online banking service.

The Favorites panel displays custom user payment templates and links to various assets.

Moving, renaming, and deleting the old blocks while adding new ones.

The star icon next to the account’s name lets you add it to Favorites with a single click.

Rejecting the idea of jumping straight to layouts and going back to laying the groundwork first. The entire online banking service fits on 38 pages.

At the same time we’re working on the main page: defining its structure and the overall design. On this page, the bank provides helpful tips, displays new offers, introduces itself, and answers questions.

Preparing the main screen you see after logging in and designing the list of accounts.

The main page looks too busy and complex. We try to reduce the number of blocks and increase information density, which changes the overall design a bit.

Thinking through the calendar of operations. We propose to make a graphic window with a data scroller which controls the timeline view.

The client considers such visualization unnecessary. Back to the regular list.

We finish the rest of the pages and prepare them for further development.

We finish drawing the necessary icons.