Bank Saint Petersburg mobile website mock-ups

• OverviewProcessAwards
Task:
to design a mobile website of a bank.
assembled and populated by the client

The leading bank of the Russian Northwestern region offers its client a full range of financial services. The mobile version of the bank’s website created at the studio helps apply for a loan, open a savings account, order a bank card, find nearest offices and ATMs and explore other bank services.

bspb mobile phone

The main screen contains links to the most popular products and offers.

Users can set their product requirements on category screens to see only the most relevant offers. Unusual slider calculators help change parameters with a thumb without changing grip of the phone.

Loans  Savings accounts  Bank cards
bspb mobile phone
bspb mobile phone
bspb mobile phone

Each service is introduced with an original metaphor and a unique cover. The images illustrate simple but always relevant values shared by the bank’s clients.

Savings accounts
Deposit boxes
Payroll services
Payments and transfers
Bank accounts
Lines of credit

This makes products easy to recognize on the website.

This makes products easy to recognize on the website.

bspb mobile phone

Before submitting an application for a service, it’s helpful to go through all conditions and rate tables presented in compact form.

When there is too much information, a special control element becomes available. It shows current location in the menu and helps move through content.

When there is too much information, a special control element becomes available. It shows current location in the menu and helps move through content.

Maps help find the nearest office or ATM.

bspb mobile phone
bspb mobile phone

The mock-ups were used to create a guide for developers which includes rules and nuances of the layout.

bspb mobile guide 2
Scaling of images

bspb mobile guide 1
Opening on calculators

illustrator

project manager

  • The studio wishes to thank Pavel Kolchin, Vladimir Kitlyar and Yulia Beletskaya for their help with the project
Banks and financial institutions  Websites  Bank Saint Petersburg  Payment systems