UX Research, Wireframing & Strategy
BankLocator
Atm & Branch finder
AI-powered tool for seamless financial service location
Project BankLocator – an AI-powered tool for quick ATM and branch search, designed with user-centric accessibility and seamless experience in mind.
Customer
Banking & Financial Services
Categories
UX Research
Wireframing
AI Design
Project Context and Challenges
Who is the Client?
A modern financial institution offering online banking services, aiming to improve access to banking for all users.
Project Goal
To create a tool that enables fast and intuitive search for ATMs and bank branches, tailored to users’ individual needs.
Key Challenges
- 24/7 Availability – Displaying ATMs accessible around the clock.
- Accessibility for All – Highlighting locations with full accessibility for people with disabilities.
- Intuitive Navigation – Seamless search experience integrated with Google Maps.
- Personalized Results – Allowing users to select and save preferred locations.
- Appointment Booking – Easy scheduling of branch visits.
Creative Process
UX Research, Competitive Analysis & Wireframing Journey
Research & UX Analysis
Competitor analysis and market research to identify best practices and market gaps.
Prototyping
Designing initial layout concepts with integrated Guerrilla Testing for rapid user feedback and improvements.
Wireframing
Designing interactive and static wireframes for desktop, mobile, and tablet.
Final Prototype
Final screens: search interface, results list, and branch details with a clickable Figma prototype.
Research & UX Analysis
Conducting market analysis and competitor benchmarking to identify key trends, best practices, and gaps in financial service location tools.
Market and Competitor Analysis
In my UX research, I analyzed the market and competition to understand user needs and identify key trends such as AI-driven personalization, real-time service availability, accessibility for people with disabilities, and Google Maps integration.
Identification of Gaps and Issues
During my competitor analysis, I identified significant gaps in existing applications, including the lack of real-time updates on ATM availability, limited accessibility features, and insufficient personalized user experiences. These insights guided me in proposing solutions that enhance user satisfaction and accessibility.
Foundation for Further Project Stages
My research findings laid the foundation for the next project stages. I focused on AI-powered personalization, real-time alerts, 24/7 availability, and an intuitive interface to ensure BankLocator stands out from the competition and meets diverse user needs.
The numbers
I conducted a competitive analysis of five banking applications, evaluating eight key features to identify strengths and gaps, forming the foundation for the BankLocator project.
- 70% applications offer basic ATM/branch location features
- 50% include Google Maps integration
- 20% provide AI personalization or real-time updates
Apps Analyzed
Key Features
Innovation Opportunities
Paper Prototyping
I designed the basic layout focusing on advanced filtering options like 24/7 ATMs, accessibility for people with disabilities, and seamless navigation. Key AI features, including personalized recommendations and voice assistant integration, were essential to deliver a user-centric experience.
Guerrilla Testing – Quick Usability Insights
To ensure the best user experience, we conducted quick usability tests with 3-5 users. The goal was to validate search intuitiveness and identify UX pain points. Based on the insights, we introduced key improvements to optimize usability and accessibility.
Key Findings & Improvements
Request a Call Back Instead of Appointment
Users preferred a quick callback option over booking an appointment. Instead of manually scheduling, they wanted an instant request button for a bank representative to call them back.
Improved Search Intuitiveness
Some users were unsure where to start their search, leading to confusion. We refined the search bar visibility and filters to make navigation more intuitive.
Optimized Accessibility Features
Participants highlighted the need for clearer labels and button contrast to improve accessibility, especially for visually impaired users
Faster Access to Branch & ATM Details
Users wanted a more direct path to essential branch information, reducing the number of clicks needed to access key details.
Mobile Wireframes
The wireframes for the smallest viewport (mobile, S) showcase the key screens of the application optimized for mobile users. The layout has been adjusted for comfortable one-handed navigation, with the most frequently used features placed in easily accessible areas.
Find Bank Branch
Bank Location List
Book Meeting
Tablet Wireframes
Responsive design ensures smooth adaptation of the interface to tablet screens (M). The wireframes illustrate the optimal arrangement of elements for a larger workspace, improving readability and intuitive navigation.
Find ATMs
ATMs locations list
ATMs map view
DESKTOP WIREFRAMES
Interactive and static wireframes for the desktop (L) viewport showcase the full functionality of the application. The layout has been optimized for intuitive navigation, enabling fast search, filtering, and detailed viewing of bank branches and ATMs.
INTERACTIVE PROTOTYPE
Presentation of the final version of the interactive application prototype. The video showcases key user flows, including searching for bank branches and ATMs, filtering results, and viewing detailed information about banking locations.
Project Summary
UX Optimization
Fintis is an intuitive application designed for fast and efficient searching of ATMs and bank branches. With advanced filtering, AI integration, and a clear interface, users can quickly find the nearest locations tailored to their needs.
Product
-
Advanced search and filtering
Users can search for ATMs and branches based on location, availability, fees, and additional services. -
Clear and structured results display
An optimized layout helps users quickly compare options and make informed decisions.
AI Integration
- AI Assistant for user support
An intelligent assistant helps users find the best options and answers common questions about branch availability. - Personalized recommendations
The system learns user preferences and suggests the most convenient locations and services based on previous choices.
Communication
- Transparent navigation and cost clarity
Clearly marked fees and availability eliminate hidden costs, increasing user trust. - Cost and UX optimization
A balance between usability and cost efficiency ensures maximum value for users and businesses.