{"id":5411,"date":"2024-11-16T11:51:00","date_gmt":"2024-11-16T06:21:00","guid":{"rendered":"https:\/\/laveshsumant.com\/?page_id=5411"},"modified":"2026-01-16T11:54:08","modified_gmt":"2026-01-16T06:24:08","slug":"hsbc-india-upi-mobile-journeys","status":"publish","type":"page","link":"https:\/\/laveshsumant.com\/index.php\/hsbc-india-upi-mobile-journeys\/","title":{"rendered":"HSBC India UPI Mobile Journeys"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Designing Seamless, Secure, and Scalable UPI Experiences for HSBC Mobile X<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Client:<\/strong> HSBC India<br><strong>Platform:<\/strong> Mobile (Android &amp; iOS)<br><strong>Industry:<\/strong> Banking &amp; Financial Services<br><strong>Timeline:<\/strong> Ongoing<br><strong>Role:<\/strong> Lead UI\/UX Designer<br><strong>Team:<\/strong> Product, Design, Engineering, Business, QA, Compliance<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">1. Executive Summary (Leadership Snapshot)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">HSBC India embarked on a strategic initiative to strengthen its <strong>UPI mobile journeys<\/strong> as part of the Mobile X ecosystem\u2014addressing rising customer expectations for speed, reliability, and trust in real-time payments. The opportunity extended beyond usability improvements: it required <strong>orchestrating complex regulatory, technical, and experience layers<\/strong> into a single, seamless journey. As Lead UI\/UX Designer, I drove the <strong>end-to-end experience strategy<\/strong>, aligned multiple stakeholders across product and engineering, and ensured UPI journeys met enterprise-grade standards for scalability, accessibility, and compliance\u2014while significantly improving customer confidence and transaction clarity.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. Business Problem &amp; Market Context<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Core Business Challenge<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">UPI had rapidly become a <strong>primary payment method<\/strong> in India. However, existing journeys across onboarding, linking accounts, authentication, and transaction states were introduced:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Inconsistent flows across Android and iOS<\/li>\n\n\n\n<li>Cognitive overload during critical payment moments<\/li>\n\n\n\n<li>Limited visibility into transaction states and failures<\/li>\n\n\n\n<li>Increased dependency on customer support for recoverable errors<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">User &amp; Operational Pain Points<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Unclear success, pending, and failure states<\/li>\n\n\n\n<li>Trust erosion during high-value or time-sensitive payments<\/li>\n\n\n\n<li>Repeated authentication friction<\/li>\n\n\n\n<li>Support teams lack actionable context during disputes<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Constraints<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>RBI and NPCI regulatory guidelines<\/li>\n\n\n\n<li>Strong security and compliance requirements<\/li>\n\n\n\n<li>Legacy service dependencies and backend constraints<\/li>\n\n\n\n<li>Need for parity with evolving UPI ecosystem standards<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Why It Mattered:<\/strong><br>UPI is not just a feature\u2014it is a <strong>daily habit<\/strong>. Any friction directly impacts adoption, trust, and long-term customer retention.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h4 class=\"wp-block-heading\">3. UX Strategy &amp; Design Vision<\/h4>\n\n\n\n<h4 class=\"wp-block-heading\">Experience Vision<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Create a <strong>predictable, transparent, and confidence-building UPI experience<\/strong> that feels effortless for customers while remaining robust for enterprise operations.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Strategic Principles<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Clarity over cleverness<\/strong> at every transactional moment<\/li>\n\n\n\n<li><strong>Fail safely, recover gracefully<\/strong><\/li>\n\n\n\n<li><strong>Consistency across journeys and platforms<\/strong><\/li>\n\n\n\n<li><strong>Compliance-by-design<\/strong>, not as an afterthought<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">UX Strategy Alignment<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduce cognitive load during payments<\/li>\n\n\n\n<li>Improve transaction state visibility<\/li>\n\n\n\n<li>Standardise flows using Mobile X design foundations<\/li>\n\n\n\n<li>Enable faster decision-making for both users and support teams<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Success Metrics<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduced transaction drop-offs<\/li>\n\n\n\n<li>Improved success-state comprehension<\/li>\n\n\n\n<li>Lower UPI-related support tickets<\/li>\n\n\n\n<li>Increased user trust and repeat usage<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">4. User Research &amp; Insights<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Research Inputs<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Primary research was conducted by HSBC internal research teams and shared across pods. I actively leveraged:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>User interviews and usability test reports<\/li>\n\n\n\n<li>Analytics dashboards and funnel data<\/li>\n\n\n\n<li>Heuristic audits and competitive benchmarks<\/li>\n\n\n\n<li>Product owner insights from market rollouts<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Key User Segments<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Daily UPI users (peer-to-peer payments)<\/li>\n\n\n\n<li>Bill pay and merchant payment users<\/li>\n\n\n\n<li>High-value transaction customers<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Critical Insights<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Users mentally anchor on <strong>status confirmation<\/strong>, not speed alone<\/li>\n\n\n\n<li>Ambiguous system messages caused repeated actions and distrust<\/li>\n\n\n\n<li>Users preferred <strong>progressive disclosure<\/strong> over dense information<\/li>\n\n\n\n<li>Authentication fatigue increased abandonment during retries<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">These insights directly shaped flow simplification, messaging hierarchy, and error recovery design.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">5. Experience Architecture &amp; Journey Design<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Journey Mapping Highlights<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Account linking and UPI setup<\/li>\n\n\n\n<li>Pay \/ Collect flows<\/li>\n\n\n\n<li>Authentication and confirmation<\/li>\n\n\n\n<li>Pending, failed, and reversal states<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Key Design Decisions<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Introduced <strong>clear transaction lifecycle states<\/strong><\/li>\n\n\n\n<li>Simplified information architecture for critical actions<\/li>\n\n\n\n<li>Reduced steps where regulatory constraints allowed<\/li>\n\n\n\n<li>Standardised micro-interactions for trust reinforcement<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Trade-offs<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Some backend constraints limited real-time feedback. Where instant resolution wasn\u2019t possible, I designed <strong>transparent holding states<\/strong> to preserve trust and reduce anxiety.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">6. Design Execution<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Interaction &amp; Visual Design<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Leveraged the HSBC Mobile X design system and components<\/li>\n\n\n\n<li>Applied hierarchy-driven layouts for quick scanning<\/li>\n\n\n\n<li>Focused on thumb-friendly interaction zones<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Design System Usage<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reused and extended existing components<\/li>\n\n\n\n<li>Ensured cross-platform parity<\/li>\n\n\n\n<li>Maintained strict adherence to brand and accessibility standards<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Accessibility &amp; Scale<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WCAG-aligned contrast and typography<\/li>\n\n\n\n<li>Clear iconography for low-literacy scenarios<\/li>\n\n\n\n<li>Designed flows to scale across future UPI features<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Collaboration<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Worked closely with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Product Owners for scope and prioritisation<\/li>\n\n\n\n<li>Engineering teams for feasibility and handoffs<\/li>\n\n\n\n<li>QA for edge-case validation<\/li>\n\n\n\n<li>Business and compliance for regulatory alignment<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">7. Validation &amp; Iteration<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Validation Approach<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Iterative usability feedback via internal reviews<\/li>\n\n\n\n<li>Cross-functional design walkthroughs<\/li>\n\n\n\n<li>Design QA against real transaction scenarios<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Iteration Cycles<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Continuous refinement of copy, states, and transitions<\/li>\n\n\n\n<li>Adjustments based on regulatory clarifications<\/li>\n\n\n\n<li>Risk mitigation through early stakeholder reviews<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">8. Business Impact &amp; Measurable Outcomes<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Quantitative Outcomes <em>(directional due to confidentiality)<\/em><\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Reduced UPI journey drop-offs<\/li>\n\n\n\n<li>Improved transaction success comprehension<\/li>\n\n\n\n<li>Lower repeat attempts and support escalations<\/li>\n\n\n\n<li>Faster internal approval cycles due to clearer flows<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Qualitative Outcomes<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Increased stakeholder confidence in design maturity<\/li>\n\n\n\n<li>Stronger alignment between business, tech, and design<\/li>\n\n\n\n<li>Improved customer trust during high-risk transactions<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">UX became a <strong>decision-making enabler<\/strong>, not just a delivery function.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">9. Leadership &amp; Influence<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">As Lead UX Designer, I:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Drove alignment across multiple pods and stakeholders<\/li>\n\n\n\n<li>Presented UPI journeys to internal design juries for final approvals<\/li>\n\n\n\n<li>Influenced prioritisation through evidence-based design rationale<\/li>\n\n\n\n<li>Mentored designers on enterprise UX standards<\/li>\n\n\n\n<li>Ensured design integrity under tight regulatory and technical constraints<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">10. Challenges &amp; Trade-offs<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Balancing simplicity with compliance complexity<\/li>\n\n\n\n<li>Designing for partial system failures<\/li>\n\n\n\n<li>Managing dependencies across distributed teams<\/li>\n\n\n\n<li>Making informed compromises without eroding user trust<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Complexity was managed through <strong>clear documentation, strong governance, and decisive UX leadership<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">11. Key Learnings &amp; Reflection<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">What Worked Well<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Strong design governance frameworks<\/li>\n\n\n\n<li>Early stakeholder involvement<\/li>\n\n\n\n<li>Clear success metrics beyond UI polish<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">What I\u2019d Improve<\/h4>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Earlier customer validation for edge cases<\/li>\n\n\n\n<li>More automated analytics feedback loops post-launch<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Leadership Growth<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">This project reinforced my belief that <strong>great enterprise UX is about orchestration, not screens<\/strong>\u2014balancing business risk, human behaviour, and system realities.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Designing Seamless, Secure, and Scalable UPI Experiences for HSBC Mobile X Client: HSBC IndiaPlatform: Mobile (Android &amp; iOS)Industry: Banking &amp; Financial ServicesTimeline: OngoingRole: Lead UI\/UX DesignerTeam: Product, Design, Engineering, Business, QA, Compliance 1. Executive Summary [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-5411","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/pages\/5411","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/comments?post=5411"}],"version-history":[{"count":1,"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/pages\/5411\/revisions"}],"predecessor-version":[{"id":5412,"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/pages\/5411\/revisions\/5412"}],"wp:attachment":[{"href":"https:\/\/laveshsumant.com\/index.php\/wp-json\/wp\/v2\/media?parent=5411"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}