Habib Metro Insta Mobile App Revamp

Project description

This project focuses on the complete redesign and modernization of the Habib Metro Bank mobile application, aiming to improve usability, visual clarity, and feature discoverability for millions of retail banking customers. The redesign was driven by core challenges such as outdated UI patterns, inconsistent user flows, limited financial visibility, and navigation friction in everyday banking tasks. The team conducted competitive benchmarking, heuristic evaluations, user interviews, and task-based research to identify pain points across onboarding, payments, transactions, and account management. Based on research insights, a new design strategy was developed emphasizing clarity, accessibility, stronger information hierarchy, simplified financial insights, and faster task completion. The workflow included ideation, wireframing, multi-round user testing, iterative improvements, and design validation with real users. The final product introduces a streamlined dashboard, categorized transactions, improved fund transfer and bill payment flows, enhanced budgeting and spending analytics, and a more coherent visual system aligned with modern mobile banking standards. The output showcases refined UI screens, component systems, old-vs-new comparisons, and high-fidelity prototypes demonstrating a significantly more intuitive and efficient mobile banking experience.