{"id":2717,"date":"2024-03-28T08:08:45","date_gmt":"2024-03-28T07:08:45","guid":{"rendered":"http:\/\/localhost\/wordpress\/?post_type=montoya_portfolio&#038;p=34"},"modified":"2026-01-27T20:06:57","modified_gmt":"2026-01-27T19:06:57","slug":"digital-banking-platform","status":"publish","type":"montoya_portfolio","link":"https:\/\/alessioripa.com\/index.php\/projects\/digital-banking-platform\/","title":{"rendered":"Digital Banking Platform"},"content":{"rendered":"\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div class=\"wp-block-montoya-gutenberg-marquee-content marquee-text-wrapper\"><h1 class=\"marquee-text no-margins fw\">\n<div style=\"background:#f2f2f2; display:flex; justify-content:center; align-items:center; padding:24px 16px;\"><span style=\"font-weight:500; color:#333; font-size: 16px; line-height:20px\">NDA Note:<\/span>&nbsp;<span style=\"font-weight:400; color:#999; font-size: 16px; line-height:20px\">Due to a non-disclosure agreement, specific product details, visuals, metrics and the client name cannot be publicly shared. The case study focuses on process, responsibilities and design decisions rather than proprietary information. Additional details can be discussed during interviews when appropriate.<\/span><\/div>\n<\/h1><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Problem<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">As the platform grew and expanded over time, both functional and experiential complexity increased significantly.<br>User flows that had been designed at different moments and under different constraints started to feel fragmented, making it harder for users to complete critical tasks with confidence.<br><br>At the same time, maintaining consistency across web and mobile experiences became increasingly challenging, while accessibility requirements were not fully addressed in earlier versions of the product.\nAll of this had to be handled without disrupting an existing and active user base, in a context where regulatory and compliance constraints limited the range of possible solutions.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Goals<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The project aimed to improve the overall clarity and usability of the platform while supporting its long-term evolution.<br>This included refining existing user journeys, designing new digital products aligned with business and regulatory needs, and ensuring consistency across different channels and touchpoints.<br><br>Another key objective was to raise the overall level of accessibility, making the platform compliant with accessibility standards and more inclusive for a wider range of users.\nAll improvements needed to be scalable, maintainable and compatible with the existing technical architecture.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:81px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Constraints<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The work was carried out within a highly constrained environment typical of large banking platforms.\nStrict regulatory and compliance requirements influenced both interaction and visual design decisions, while a complex technical architecture and legacy systems limited the extent of structural changes.<br><br>In addition, the product involved a large and diverse group of stakeholders, requiring continuous alignment across design, product, engineering and compliance teams.\nDesign changes also had to be introduced incrementally, as the platform was used daily by a large number of users and could not be disrupted.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Role &#038; Responsibilities<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">I initially joined the project as a UX\/UI Designer, working on interaction design and interface solutions across multiple areas of the platform.<br>My work focused on improving usability and clarity in complex, regulated user flows, while ensuring consistency across web and mobile experiences.<br><br>Over time, my role evolved into a leadership position, where I became responsible for the design team dedicated to this platform.<br>I coordinated a group of four designers, supported design quality across parallel initiatives and acted as the main point of contact between design and other disciplines.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Process<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The design process was centered on continuous iteration and close cross-functional collaboration rather than isolated deliverables.<br>Work typically started from the analysis of existing user flows, identifying friction points and areas of improvement in collaboration with product and engineering teams.<br><br>Design solutions were developed and refined within technical and regulatory constraints, with frequent internal reviews and incremental releases.<br>This approach allowed the product to evolve gradually, reducing risk while maintaining alignment between user needs, business goals and implementation feasibility.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Solution<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">The outcome of this long-term collaboration was the progressive redesign and evolution of several critical user journeys across the platform.<br>Interaction patterns were clarified, information hierarchy was improved and visual consistency was strengthened across different sections of the product.<br><br>In parallel, new digital products and features were designed from scratch where needed, ensuring alignment with both business objectives and regulatory requirements.<br>Rather than introducing disruptive changes, the solution focused on steady, incremental improvements that could scale over time.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Results &#038; Learnings<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">While specific metrics cannot be publicly shared, the work resulted in a clearer and more consistent user experience across key areas of the platform.<br>Accessibility became a central consideration in design decisions, influencing both interaction and visual choices at a systemic level.<br><br>From a personal and professional perspective, the project reinforced the importance of designing for long-term evolution, working effectively within constraints and building strong collaboration across disciplines in complex environments.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-left-pinned-section pinned-section\">\n<div class=\"wp-block-montoya-gutenberg-pinned-element pinned-element left\">\n<h1 class=\"wp-block-heading primary-font-title has-mask-fill\">Accessibility Focus<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-scrolling-element scrolling-element right\">\n<p style=\"font-size: 16px; line-height: 28px; font-weight: 400; margin-bottom: 20px; color: #999;\">A significant portion of the work involved reviewing and updating the platform to meet accessibility standards.<br>This included improvements to contrast, typography, focus management, interaction feedback and overall usability, contributing to a more inclusive and robust digital experience.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section normal\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<div class=\"wp-block-montoya-gutenberg-marquee-content marquee-text-wrapper\"><h1 class=\"marquee-text no-margins fw\">\n<div style=\"background:#f2f2f2; display:flex; justify-content:center; align-items:center; padding:24px 16px;\"><span style=\"font-weight:500; color:#333; font-size: 16px; line-height:20px\">NDA Note:<\/span>&nbsp;<span style=\"font-weight:400; color:#999; font-size: 16px; line-height:20px\">Due to a non-disclosure agreement, specific product details, visuals, metrics and the client name cannot be publicly shared. The case study focuses on process, responsibilities and design decisions rather than proprietary information. Additional details can be discussed during interviews when appropriate.<\/span><\/div>\n<\/h1><\/div>\n<\/div>\n","protected":false},"template":"","portfolio_category":[26],"class_list":["post-2717","montoya_portfolio","type-montoya_portfolio","status-publish","hentry","portfolio_category-fintech"],"_links":{"self":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio"}],"about":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/types\/montoya_portfolio"}],"version-history":[{"count":61,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2717\/revisions"}],"predecessor-version":[{"id":3449,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/montoya_portfolio\/2717\/revisions\/3449"}],"wp:attachment":[{"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/media?parent=2717"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/alessioripa.com\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}