End-to-End Banking UX

Comprehensive UX and UI redesign for iOS and Android banking apps, creating a scalable product structure validated through user testing and collaboration with internal teams. This project was completed in 2019–2020, and the design reflects the mobile patterns of that period. My focus was on structuring the product, system architecture, and creating over 200+ screens for both platforms.

00

problem

The existing mobile banking experience lacked consistency across platforms and struggled to meet growing user expectations for clarity, speed, and transparency. Multiple legacy flows — from payments to card management — had evolved independently, leading to fragmented interactions and visual inconsistencies. The challenge was to design a unified, scalable mobile banking system that would support future product growth while improving usability for both iOS and Android users.

solution

We redesigned the mobile banking experience from the ground up — building a unified UX and UI system that ensures visual and functional consistency across iOS and Android. The new structure was based on modular design principles, scalable patterns, and reusable components, making it easier to extend the product in future iterations. Collaboration with the bank’s internal UX lab played a crucial role — through usability testing, we validated navigation logic, content hierarchy, and interaction patterns. Each design decision was guided by real user feedback and test session data, resulting in measurable improvements in task completion and satisfaction rates.

The redesign began with a full audit of existing user flows and legacy interface logic. Working closely with the product and research teams, we mapped every interaction — from payments and transfers to account setup and card management — to identify friction points and overlapping scenarios.

PUMB mobile banking UI — redesigned card and deposit dashboard with unified card components, modern gradients, and refreshed visual system for managing accounts, deposits, and credit products.

Acting as both UX strategist and interface designer, I created the information architecture, wireframes, and flow logic for over 200 screens. The process involved translating complex banking operations into clear, guided user journeys.

Each iteration was validated through internal UX-lab testing and user feedback sessions, helping to refine navigation depth, improve accessibility, and align visual hierarchy with real user behaviour.
The result was a cohesive, data-driven design foundation that became the basis for future product growth.

customer

First Ukrainian International Bank (ПУМБ)

customer

First Ukrainian International Bank (ПУМБ)

customer

First Ukrainian International Bank (ПУМБ)

customer

First Ukrainian International Bank (ПУМБ)

timeframe

1 year

timeframe

1 year

timeframe

1 year

timeframe

1 year

tools

Sketch/Miro/AxureRP

tools

Sketch/Miro/AxureRP

tools

Sketch/Miro/AxureRP

tools

Sketch/Miro/AxureRP

category

Product & UX Strategy

category

Product & UX Strategy

category

Product & UX Strategy

category

Product & UX Strategy

domain

Fintech / Banking

domain

Fintech / Banking

domain

Fintech / Banking

domain

Fintech / Banking

01

Mobile banking loan dashboard with multiple active loans displayed as gradient cards showing next payment, remaining balance, and repayment options.
Mobile banking loan dashboard with multiple active loans displayed as gradient cards showing next payment, remaining balance, and repayment options.
Mobile banking loan dashboard with multiple active loans displayed as gradient cards showing next payment, remaining balance, and repayment options.
Mobile banking loan dashboard with multiple active loans displayed as gradient cards showing next payment, remaining balance, and repayment options.

Streamlined flows for card-to-card, account, and bank transfers — fast entry, clear limits, and effortless confirmation.

02

Fund transfer screen showing available cards and accounts to select as the source of a transaction.
Fund transfer screen showing available cards and accounts to select as the source of a transaction.
Fund transfer screen showing available cards and accounts to select as the source of a transaction.
Fund transfer screen showing available cards and accounts to select as the source of a transaction.

A streamlined loan management flow designed to help users clearly understand their repayment status, upcoming payments, and full payoff options. The interface presents loan cards with key metrics upfront, provides easy access to partial or full repayment actions, and visualizes the full payment schedule for transparency and financial control.

03

A visual overview combining a detailed information architecture mind map, two full deposit-opening user flows (quick and flexible setup), and real UX Lab testing photos showing participants interacting with the mobile banking app during usability sessions.
A visual overview combining a detailed information architecture mind map, two full deposit-opening user flows (quick and flexible setup), and real UX Lab testing photos showing participants interacting with the mobile banking app during usability sessions.
A visual overview combining a detailed information architecture mind map, two full deposit-opening user flows (quick and flexible setup), and real UX Lab testing photos showing participants interacting with the mobile banking app during usability sessions.
A visual overview combining a detailed information architecture mind map, two full deposit-opening user flows (quick and flexible setup), and real UX Lab testing photos showing participants interacting with the mobile banking app during usability sessions.

This section combines the redesigned information architecture, two versions of the deposit-opening flow (quick and fully configurable), and real UX Lab footage demonstrating how these solutions were validated with users. The mind map outlines the full functional landscape of the legacy banking app, helping reorganize product complexity into a more intuitive structure.

.say hello

i'm open for freelance projects, feel free to email me to see how can we collaborate

.say hello

i'm open for freelance projects, feel free to email me to see how can we collaborate

.say hello

i'm open for freelance projects, feel free to email me to see how can we collaborate

.say hello

i'm open for freelance projects, feel free to email me to see how can we collaborate

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