Banking application

Banking application

customer transactions & payments

customer transactions & payments

Role

Product designer

Timeline

9 months

Year

2022 – 2023

Introduction

Introduction

At Rosbank (2022–2023), I worked on multiple product teams, focusing on transaction functionalities like transfers, currency exchange, bill payments, and purchases. My role included designing user scenarios, prototyping, research, maintaining the design system, and design reviews.

At Rosbank (2022–2023), I worked on multiple product teams, focusing on transaction functionalities like transfers, currency exchange, bill payments, and purchases. My role included designing user scenarios, prototyping, research, maintaining the design system, and design reviews.

Key Projects

Key Projects

I contributed to improving user experiences and redesigning features, including:

  • Debit Card Screen Redesign

  • Automated Recurring Transfers

  • Transaction History & Card Updates

  • Bank Transfers (P2P, businesses, government, etc.)

  • Enhanced Operation History

  • Showcase Section

I contributed to improving user experiences and redesigning features, including:

  • Debit Card Screen Redesign

  • Automated Recurring Transfers

  • Transaction History & Card Updates

  • Bank Transfers (P2P, businesses, government, etc.)

  • Enhanced Operation History

  • Showcase Section

Enhanced Operation History

Enhanced Operation History

Added search filters, monthly spending analytics, and spending categories.

Added search filters, monthly spending analytics, and spending categories.

Showcase Section

Showcase Section

Developed a promo area for new banking products, loyalty programs, and scheduled credit card delivery.

Developed a promo area for new banking products, loyalty programs, and scheduled credit card delivery.

Bill Payments

Bill Payments

Enabled automatic bill detection and recurring payments.

Enabled automatic bill detection and recurring payments.

Case Study: Debit Card Screen Redesign

Case Study: Debit Card Screen Redesign

This case was originally published in an earlier version of my portfolio, with product branding removed due to an NDA. Since that the NDA has expired, I’ve chosen to keep the archived case unchanged and present it as-is

This case was originally published in an earlier version of my portfolio, with product branding removed due to an NDA. Since that the NDA has expired, I’ve chosen to keep the archived case unchanged and present it as-is

Background & Challenge

Background & Challenge

Rosbank saw rapid growth among individual clients (35–55 age group) in 2021–2022. To enhance usability, we prioritized redesigning the outdated card and account screens to reduce customer support requests and boost satisfaction.

Rosbank saw rapid growth among individual clients (35–55 age group) in 2021–2022. To enhance usability, we prioritized redesigning the outdated card and account screens to reduce customer support requests and boost satisfaction.

Debit card screen before redesign

Results

Results

–32%

reduction in debit card-related support requests.

3.8 → 4.4

Increased (CSI)

Positive feedback led to a phased implementation approach.

Positive feedback led to a phased implementation approach.

Research

Research

To understand how to proceed, I gathered information from several sources:

To understand how to proceed, I gathered information from several sources:

User Interviews (5 sessions)

Identified pain points in transfers, payments, and balance checks.

01

Quantitative Research (187 users)

Prioritized key features.

02

Support Data Analysis

Highlighted common user struggles.

03

Competitor Benchmarking

Compared best practices in banking apps.

04

Key Findings

Key Findings

01

Users wanted a clearer link between physical cards and their digital representations.

03

Carousel navigation was unintuitive, because the available actions can change

05

Visual design needed modernization

07

Cashback info was helpful but not essential on a per-card basis.

02

Many struggled to identify linked accounts.

04

Card number with a masked central part reduces recognizability. Users identified cards by the last 4 digits.

06

Users needed easy access to account details for refunds and transfers.

08

Customers distinguish between "blocking" and "closure" actions and will block the card if it is lost.

There also results in prioritization information on the screens

There also results in prioritization information on the screens

Design & Implementation

As a result, the team received an updated design for the app’s debit card screen, which at the same time did not lose touch with the current solution, and is more of an evolution of it

As a result, the team received an updated design for the app’s debit card screen, which at the same time did not lose touch with the current solution, and is more of an evolution of it

Account-Centric Approach

Swipe between cards within an account.

Persistent Key Actions

Always-visible essential actions (transfer, payment, etc.).

Categorized Layout

Adaptive sections based on product type (debit, credit, active, blocked).

Blocked Card Indicator

Clear messaging on status, reason, and direct contact options.

Validation & Testing

To validate the design, we tested interactive prototypes with two groups:

  • Internal Teams: Assessed adaptability across products and identified potential complexities.

  • Bank Customers: Conducted moderated tests to evaluate user preference and areas for improvement.

Based on feedback, we refined the design and delivered a finalized concept covering all customer journey scenarios — from account setup to closure and fund withdrawal.

To validate the design, we tested interactive prototypes with two groups:

  • Internal Teams: Assessed adaptability across products and identified potential complexities.

  • Bank Customers: Conducted moderated tests to evaluate user preference and areas for improvement.

Based on feedback, we refined the design and delivered a finalized concept covering all customer journey scenarios — from account setup to closure and fund withdrawal.

One of the porototypes we made test things like overall impression, searching and sharing credentials of card and account and blocking and closing card

Conclusion

The redesign improved the debit card experience, making it more intuitive and visually engaging. By prioritizing user needs and iterating based on feedback, we improved functionality while maintaining design consistency across products.

The redesign improved the debit card experience, making it more intuitive and visually engaging. By prioritizing user needs and iterating based on feedback, we improved functionality while maintaining design consistency across products.

Key Takeaways

  • Research and direct user feedback played a crucial role in defining priorities and addressing pain points.

  • Incremental Iteration allowed for testing and refinement, ensuring a smoother transition.

  • Cross-Team Collaboration within various departments ensured design consistency across all banking products.

  • Removing clutter, enhancing navigation, and making core actions visible led to better engagement and user satisfaction.

Let’s make something together

Contacts

grrrshkv@gmail.com

Dmitrii Gorshkov • 2024

Designed in Figma, developed in Framer

Let’s make something together

Contacts

grrrshkv@gmail.com

Dmitrii Gorshkov • 2024

Designed in Figma, developed in Framer

Let’s make something together

grrrshkv@gmail.com

Dmitrii Gorshkov • 2024