Context

Societe Generale is one of Europe’s leading financial groups, operating in more than 60 countries. DeltaCredit Bank, part of the group, was the first bank in Russia to specialize in mortgage lending.

A mortgage is a relationship that lasts years or decades. Throughout it, customers need to check balances and schedules, make payments, plan early repayments, and manage insurance and documents.  The bank’s online platform had to support all of this, along with account settings, authentication and administrative functions.

The Challenge

The problem wasn’t a lack of features. It was that every feature was hard to use.

• Dense information. Many screens presented large amounts of financial data at once, making it hard to see what mattered.
• Long, multi-step workflows. Common tasks required many steps, and it was easy to lose track of where you were.
• Inconsistency. Similar actions looked and behaved differently in different parts of the platform, which increased learning time and errors.
• High stakes. In banking, a confusing screen does more than frustrate. It leads to mistakes, support calls, and slower decisions for both customers and staff.
• Regulation. Nothing critical could be removed. Every simplification had to preserve required information, confirmations and security.

Goals

• Reduce cognitive load without removing functionality.
• Help users make financial decisions faster and with more confidence.
• Create one consistent, scalable design language across the platform.
• Make the experience accessible to users with physical limitations.

Process

I redesigned the navigation to focus on users’ tasks rather than the bank’s internal structure. Instead of forcing users to think in terms of products and departments, the platform is designed to focus on what they came here to do.

Before any visual design, I mapped and wireframed every key journey:

• Dashboard. The most important information (balance, next payment, alerts) is visible at a glance, with details one click away.
• Payments and operations. A step-by-step guide to early repayment that clearly illustrates the consequences of each option before the user confirms their choice.
• Personal account and settings. 10+ modal workflows with advanced settings and parameters, grouped and progressively revealed so users see only what’s relevant to their current task.
• Authentication. Login and security flows designed to be clear without compromising security.

Design System

Rather than designing 70 isolated pages, I built a system that scales across the platform:

• a component library covering forms, tables, cards, modals, navigation and states
• a custom icon set and illustrations crafted for the product
• standardized interaction patterns for common actions
• grid, typography, color tokens, documentation for developers

The system reduced learning time for users and made implementation faster and more consistent for the development team.

Accessibility

Accessibility was part of the design from the start, not added at the end. The platform included voice input for login and form fields, supporting users who find typing difficult.

I covered: contrast colours, font sizes, keyboard navigation, focus states, screen reader labels.

Outcome

• 70+ screens designed across customer-facing and administrative workflows
• 10+ advanced workflows and modal flows
• 60%+ faster task completion in key workflows
• 3x faster decision-making
• Serving 110,000+ active users

The redesign turned a dense, inconsistent platform into a clear and scalable banking experience. Complex workflows became easier to navigate, users completed tasks faster, and the bank gained a design language that could grow with new products.