• Websites
  • Bank Saint Petersburg
  • 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

    art director

    • Ludwig Bistronovsky

    designers

    • Alena Sofina
    • Evgeny Panov

    illustrator

    • Lizaveta Romantsova

    project manager

    • Lidia Popova
    • 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