Making a redesign web banking and iOS & Android app for Open Bank, the private bank in Russia

Making a redesign web banking and iOS & Android app for Open Bank, the private bank in Russia

Making a redesign web banking and iOS & Android app for Open Bank, the private bank in Russia

About Company

About Company

Open Bank is a former Russian universal bank that has been part of VTB Group, Russia's largest state-owned bank, since 2022.

Open Bank is a former Russian universal bank that has been part of VTB Group, Russia's largest state-owned bank, since 2022.

In 2022, a new visual style for the interface was designed, and during 2023 all of the bank's products had to be converted to the new design.

In 2022, a new visual style for the interface was designed, and during 2023 all of the bank's products had to be converted to the new design.

Role

Role

UI/UX Design, Product Strategy, Prototyping, Design system

UI/UX Design, Product Strategy, Prototyping, Design system

Scope

Scope

UX / UI, Redesign, Prototyping, UX Research

UX / UI, Redesign, Prototyping, UX Research

Tools

Interview, A/B testing

Audience

Audience

All the company's customers

All the company's customers

Platform

Platform

Web, Mobile

Web, Mobile

Tools

Tools

Interview, A/B testing

Interview, A/B testing

Idea

Idea

Idea

The main idea is to redesign the personal banking for web and mobile, making financial management simpler, more intuitive, and visually consistent. The old interface is hard to navigate and not aligned with modern UX patterns or mobile user habits, the design is outdated

The main idea is to redesign the personal banking for web and mobile, making financial management simpler, more intuitive, and visually consistent. The old interface is hard to navigate and not aligned with modern UX patterns or mobile user habits, the design is outdated

Project Overview

Project Overview

Project Overview

I redesigned the personal banking for web and mobile and fixed mistakes application process for multiple B2C loan products (overdraft, credit, credit line, etc.)

I redesigned the personal banking for web and mobile and fixed mistakes application process for multiple B2C loan products (overdraft, credit, credit line, etc.)

Details

Details

Details

The redesign had to be done in such a way that minimal backend work was required during development.

The redesign had to be done in such a way that minimal backend work was required during development.

Open WEB online banking

Open WEB online banking

No updates for eight years.
Outdated design and experience.

No updates for eight years.
Outdated design and experience.

Research & Discovery

Research & Discovery

Research & Discovery

First, I compiled a collection of benchmarks for credit and other banking products offered by competitors in the local and global markets.

First, I compiled a collection of benchmarks for credit and other banking products offered by competitors in the local and global markets.

During the redesign process, I fixed interface errors and refined the customer journey where possible, suggesting ways to simplify the process. I was lucky to have access to the user support and discovery team, and their insights were really helpful.

During the redesign process, I fixed interface errors and refined the customer journey where possible, suggesting ways to simplify the process. I was lucky to have access to the user support and discovery team, and their insights were really helpful.

In-depth research confirmed the existence of а user pain point:

40% of users do not understand where to find complete information about the status, amount and date of credit card payments.

Users want to see all payment information in one place

In-depth research confirmed the existence of а user pain point:

40% of users do not understand where to find complete information about the status, amount and date of credit card payments.

Users want to see all payment information in one place

In-depth research confirmed the existence of а user pain point:

40% of users do not understand where to find complete information about the status, amount and date of credit card payments.

Users want to see all payment information in one place

Mobile First

Mobile First

Mobile First

Started with redesigning the mobile app — most transactions and purchases are made in the bank's app, so mobile first.

Prepared several design versions. This variant was chosen based on discussions with stakeholders and hallway usability testing:

Described all card states

User interface testing

We used the most available research methods

Hallway Testing

Remote Usability Testing

A/B Testing

User interface testing

We used the most available research methods

Hallway Testing

Remote Usability Testing

A/B Testing

User interface testing

We used the most available research methods

Hallway Testing

Remote Usability Testing

A/B Testing

WEB Online Banking redesign

WEB Online Banking redesign

WEB Online Banking redesign

I redesigned it based on the app, as it is important to maintain continuity and a consistent visual style for all of the bank's products across all platforms.

I redesigned it based on the app, as it is important to maintain continuity and a consistent visual style for all of the bank's products across all platforms.

To minimise changes to the backend, I kept the column layout of the old personal account

To minimise changes to the backend, I kept the column layout of the old personal account

And again… Testing

And again… Testing

Results

Results

In August 2023, we launched the redesign mobile and web of Open Online Bank. We refined and enhanced it every day. In 2024 it becomes a part of VTB Bank — Russia's largest state-owned bank

+3

+3

Increased CSI

+22%

+22%

Retention's growth

+₽3M per month

+₽3M
per month

Company's income from increased
credit card activation & borrowing

Let’s work together

Want to talk about this case study or have any questions for me? I’d be glad to chat about it.

Alyona Zhelezova

Alyona Zhelezova

Alyona Zhelezova

Alyona Zhelezova

Let’s work together

Want to talk about this case study or have any questions for me? I’d be glad to chat about it.

Create a free website with Framer, the website builder loved by startups, designers and agencies.