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 contains too many elements, making it difficult to find essential items. Another issue is that users have to navigate through numerous screens to perform simple operations, such as making a transfer, which significantly prolongs the process and prevents the efficient use of the application.
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
Design process
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
Frustations
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.
Frustations
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.
Design assets
Inter
Bold
Semi Bold
Regular
Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
Primary Color
#FF6200
Primary Color
#FFFFFF
Text color
#343333
Text color 2
#656565
Text color 2
#B4B4B4
Additional color
#AB0066
Additional color
#FFB7B7
Additional color
#459A05
Shade color
#EEEEEE
Additional color
#172B53
Information architecture
User flow - transaction
Before
Start/log in
Transaction history
BLIK
Transfer
Cards
Marta Kuba
martaa.kubaa@gmail.com
Linked In
Marta Kuba
martaa.kubaa@gmail.com
Linked In
Marta Kuba
martaa.kubaa@gmail.com
Linked In
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 contains too many elements, making it difficult to find essential items. Another issue is that users have to navigate through numerous screens to perform simple operations, such as making a transfer, which significantly prolongs the process and prevents the efficient use of the application.
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.
Before
Start/log in
Transaction history
BLIK
Transfer
Cards
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
Frustations
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.
Frustations
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
Design assets
Inter
Bold
Semi Bold
Regular
Light
ABCDEFGHIJKLMNOPQRSTUVWXYZ
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1 2 3 4 5 6 7 8 9 0
Primary Color
#FF6200
Primary Color
#FFFFFF
Text color
#343333
Text color 2
#656565
Text color 2
#B4B4B4
Shade color
#EEEEEE
Additional color
#172B53
Additional color
#AB0066
Additional color
#FFB7B7
Additional color
#459A05
Information architecture
User flow - transaction