UX case study and redesign
UX case study and redesign
Moje ING
Moje ING is a mobile banking application designed to provide seamless banking experiences for ING Bank customers.
Tools used
Problem statement
The homepage was cluttered with excessive elements, making it challenging to locate key items.
Additionally, users had to navigate through multiple screens to complete basic tasks, such as making a transfer, which unnecessarily extended the process and hindered efficient app usage.
Some features were also buried deep within the app, making them hard to access.
Problem solution
I have redesigned the main screen to include the most important application features within easy reach.
In the menu bar, I replaced the "offer" button with "products" to ensure that access to the user's banking products is available from any level of the application.
Additionally, I have reduced the number of screens a user must navigate through to make a transfer, streamlining this process to a minimum.
Design process
User flow - transfer
Transaction flows
Own transfer flow
External transfer flow
User personas
Zuzanna
Age
20
Status
Single
Ocupation
Psychology student
Location
Wrocław, Poland
Tech savy
High
About
Zuzanna is passionate about psychology and plans to study abroad next year. She is also concerned about managing her student loans and looks for ways to optimize her finances.
Goals
Save money for a study abroad program in Italy next year
Budget for monthly expenses and savings
Frustrations
Finding user-friendly tools to manage and grow savings
Limited knowledge of investment options.
Complicated banking interfaces
Motivations
Financial education
Financial growth
Needs
Budgeting tools
Savings accounts
International transaction support.
Goals
Learn to better manage expenses and have the ability to make transfers from various accounts at any convenient moment.
Frustrations
Delays in payment transfers
Limited mobile banking features for traveling.
Motivations
Time-saving tools
Seamless integration
Needs
Quick payments for daily commuting expenses (e.g., transport, groceries).
Ability to easily send money to family members.
Clear and simple app layout for busy schedules.
Dawid
Age
37
Status
Married
Ocupation
Sales manager
Location
Łódź. Poland
Tech savy
Moderate
About
Dawid spends a lot of time traveling for work. He values efficiency and needs a banking app that’s simple and reliable for her daily needs.
Information architecture
Before and after
Before
After
Before
After
Before
After
Before
After
After
Seamless interface
Improved navigation and an straightforward interface ensure a pleasant experience when using all available features of the application.
Easier transfer process
The option to make transfers is available on the menu bar, allowing this operation to be performed from any level within the application. The reduced number of screens a user must navigate through to complete a transfer facilitates quick and easy transaction process.
Responsive design
The application has been designed to adapt to various mobile devices.
Final design
Start/log in
Home
Products
Cards
Savings
Transactions
BLIK
Others
Marta Kuba
martaa.kubaa@gmail.com
Linked In
All rights reserved © Marta Kuba 2025
Marta Kuba
martaa.kubaa@gmail.com
Linked In
All rights reserved © Marta Kuba 2025
Marta Kuba
martaa.kubaa@gmail.com
Linked In
All rights reserved © Marta Kuba 2025
UX case study and redesign
Moje ING
Moje ING is a mobile banking application designed to provide seamless banking experiences for ING Bank customers.
Tools used
Problem statement
The homepage was cluttered with excessive elements, making it challenging to locate key items.
Additionally, users had to navigate through multiple screens to complete basic tasks, such as making a transfer, which unnecessarily extended the process and hindered efficient app usage.
Some features were also buried deep within the app, making them hard to access.
Problem solution
I have redesigned the main screen to include the most important application features within easy reach.
In the menu bar, I replaced the "offer" button with "products" to ensure that access to the user's banking products is available from any level of the application.
Additionally, I have reduced the number of screens a user must navigate through to make a transfer, streamlining this process to a minimum.
After
Seamless interface
Improved navigation and an straightforward interface ensure a pleasant experience when using all available features of the application.
Easier transfer process
The option to make transfers is available on the menu bar, allowing this operation to be performed from any level within the application. The reduced number of screens a user must navigate through to complete a transfer facilitates quick and easy transaction process.
Responsive design
The application has been designed to adapt to various mobile devices.
Final design
Start/log in
Home
Products
Cards
Savings
Transactions
BLIK
Others
User personas
Zuzanna
Age
20
Status
Single
Ocupation
Psychology student
Location
Wrocław, Poland
Tech savy
High
About
Zuzanna is passionate about psychology and plans to study abroad next year. She is also concerned about managing her student loans and looks for ways to optimize her finances.
Goals
Save money for a study abroad program in Italy next year
Budget for monthly expenses and savings
Frustrations
Finding user-friendly tools to manage and grow savings
Limited knowledge of investment options.
Complicated banking interfaces
Motivations
Financial education
Financial growth
Needs
Budgeting tools
Savings accounts
International transaction support.
Dawid
Age
37
Status
Married
Ocupation
Sales manager
Location
Łódź. Poland
Tech savy
Moderate
About
Dawid spends a lot of time traveling for work. He values efficiency and needs a banking app that’s simple and reliable for her daily needs.
Goals
Learn to better manage expenses
Have the ability to make transfers from various accounts at any convenient moment.
Frustrations
Delays in payment transfers.
Limited mobile banking features for traveling.
Motivations
Time-saving tools
Seamless integration
Needs
Quick payments for daily commuting expenses (e.g., transport, groceries).
Ability to easily send money to family members.
Clear and simple app layout for busy schedules.
Design process
Research & Discovery
🔎
Market research: Analyzing competitor banking apps, industry trends, and customer expectations
User research: Identifying common pain points, usability issues, and customer feedback on the existing app
Ideation & Concept Development
💡
Generating new ideas to enhance user experience and improve banking workflows
Feature prioritization: Identifying key improvements such as better navigation, transaction categorization
User flow mapping: Defining key user journeys like account overview and money transfers
Defining requirements
🎯
User personas: Creating personas for different types of banking users
Use cases & user journeys: Mapping how users will interact with the app
Feature list: Defining the key functions and operations in a banking application
Wireframing
📋
Low-fidelity wireframes: Sketching early wireframes to establish layout and structure
Early usability testing - Validating navigation and workflows before high-fidelity design
UI/UX Design
🚀
High-fidelity mockups: Designing pixel-perfect screens with enhanced UI elements and branding consistency
Microinteractions & Animations: Implementing animations for smoother transitions (e.g., button feedback, loading states)
Prototype testing
🕹
Functional testing: Verifying that all features behave as expected
Usability testing: Gathering user feedback to refine the design, enhance navigation, and address pain points
Information architecture
User flow - transfer
Before and after
Before
After
Before
After
Before
After
Before
After
Transaction flows
Own transfer flow
External transfer flow