Design interface of the Premium Bank

We have shown how a proper design system saves thousands of dollars and months of time.

The main screen interface of Silkway Bank online banking for legal entities Focuses on the main things: invoices, documents , and popular payments.

Task

Develop interfaces to the Internet-Bank for individuals and legal entities.

Deadlines

It was necessary to invest in 2 months.

More than 1,000,000 clients all over Azerbaijan

Интерфейс раздела Платежи и переводы интернет-банка Silkway Bank для юридических лиц. На экране блоки Избранное, Платежи, Переводы, предложение по выпуску корпоративной карты, предложение по открытию депозита и курсы валют.

The absence of an old interface that needs to be updated is a gift for both sides. The designer gets freedom, and the Bank gets a design system with a set of components that don't conflict with anything.

Design

We start with designing the most loaded product — making an online Bank for legal entities. It should take on part of the functions of a personal assistant to the Director, financial Director and accountant.

Building the UI as a good Manager's report, not a data warehouse

We direct our eyes to what is important -invoices and documents with clear emphasis on their statuses and changes. There are no special offers from the Bank covering the debt on the loan. Payments, card transactions, opening of new accounts , and currency exchange rates are based on the frequency of their use and importance for the Bank's client.

We take the load off the user when working with documents

Documents are sorted by type and status. Color tells you which ones need to draw attention to themselves. It takes a couple of seconds for the user to fully assess the situation.

Components

We work on individual elements and assemble the interface design system.

Bank for personals: use a ready-made database of components

Internet banking for individuals is built according to the same rules: we bring up the most important thing for the user. In the dashboard, these are cards; in payments, they are selected operations. To top up your phone balance immediately after logging in, for example, you need to make exactly 2 clicks:

  • switching to Payments and transfers,
  • select an operation.

Show statistics using graphs. Plus, there is one reason to contact the Bank more often, rather than individual expense control applications.

90% of ready- made interface components for legal entities easily form a Bank for individuals

Then you just need to assemble It from the ready-made "constructor" and finish the missing elements. Remember this when you think about whether you need a design system.

Design system

This is a set of graphic elements and rules for their use. It is developed individually to solve business problems of the project, making its visual and functional parts universal. It is especially important for complex and constantly developing products. It greatly simplifies the process of development, project development, change of contractors, and creation of additional and related services. At the same time, the design system is not a rigid structure, it can and should be refined as the company and product develop.

Two products in 2 months

The tight deadlines did not hinder the creation of two independent Internet banks due to a single set of components. Moreover, it will be much easier to implement new functionality and make changes in the future. And Yes, this approach is much cheaper and more efficient than developing individual pages.

We are still working on a mobile app.

Client

Date

March 1, 2018

Team

Alex Revyako, Andrey Telego

Next

Cradle Logo

How we came up with a logo for Sberbank business platform

Right

+ 1 617-778-6803 MAIL 
64 Fairfax Dr, Suite 411 Halifax, NS, B3S 1N5, Canada