{"id":37228,"date":"2022-10-24T12:02:45","date_gmt":"2022-10-24T19:02:45","guid":{"rendered":"https:\/\/www.uxpin.com\/studio\/?p=37228"},"modified":"2026-05-08T09:33:30","modified_gmt":"2026-05-08T16:33:30","slug":"fintech-legacy-system-design-solutions","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/","title":{"rendered":"How to Deal with FinTech Legacy Systems"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems-1024x512.png\" alt=\"fintech legacy systems\" class=\"wp-image-37229\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems-1024x512.png 1024w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems-600x300.png 600w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems-768x384.png 768w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<p>Many organizations struggle to free themselves of legacy systems and the headaches they possess. These outdated ecosystems present many challenges, including user experience and digital innovation.<\/p>\n<p>The burdens of legacy technology are why challenger banks can compete with traditional banks, adopt sophisticated technology, and deliver products to customers significantly faster.<\/p>\n<p>This article explores the challenges of legacy systems and their adverse impacts on business and customer experience. We also look at how FinTech companies outperform traditional financial service providers without these legacy burdens and what the latter can do to modernize.<\/p>\n<p>Modernize your UX workflows and create a single source of truth between design and development with UXPin Merge to deliver products faster while reducing time to market. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page<\/a> for more details and how to request access.<\/p>\n<section class=\"discover-merge\">\n<div class=\"discover-merge__container\">\n<div class=\"discover-merge__left\">\n<p class=\"discover-merge__heading\">Reach a new level of prototyping<\/p>\n<p class=\"discover-merge__text\">Design with interactive components coming from your team&#8217;s design system.<\/p>\n<p>            <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noopener\"><br \/>\n                <button class=\"discover-merge__button\">Discover UXPin Merge<\/button><br \/>\n            <\/a>\n        <\/div>\n<div>\n            <img decoding=\"async\" src=\"https:\/\/uxpin.com\/studio\/wp-content\/themes\/uxpin-juggernaut\/img\/cta-banner-merge.png\" class=\"discover-merge__image\" alt=\"\">\n        <\/div>\n<\/p><\/div>\n<\/section>\n<style>\n.discover-merge {\n    margin: 40px 8px;\n}<\/p>\n<p>.discover-merge__container {\n    display: flex;\n    max-width: 690px;\n    height: 200px;\n    padding: 20px;\n    padding-left: 24px;\n    border-radius: 4px;\n    background-color: black;\n    box-shadow: 10px 10px #9999ff;\n    align-items: center;\n    justify-content: space-between;\n}<\/p>\n<p>.discover-merge__left {\n    width: 50%;\n}<\/p>\n<p>.discover-merge__left p {\n    margin: 10px 0px !important;\n    color: white !important;\n    font-size: 18px !important;\n}<\/p>\n<p>.discover-merge__heading {\n    font-weight: bold !important;\n    color: white !important;\n    font-size: 18px !important;\n}<\/p>\n<p>.discover-merge__text {\n    margin: 0 !important;\n    line-height: 22px !important;\n}<\/p>\n<p>.discover-merge__button {\n    width: 174px;\n    height: 44px;\n    margin: 10px 0px;\n    border: none;\n    border-radius: 2px;\n    background: white;\n    color: black;\n    font-size: 16px;\n    text-align: center;\n}<\/p>\n<p>.discover-merge__button:hover {\n    cursor: pointer;\n}<\/p>\n<p>.discover-merge__image {\n    max-width: 320px !important;\n    height: 200px;\n    margin-right: -19px;\n}<\/p>\n<p>@media (max-width: 760px) {\n    .discover-merge__container {\n        height: auto;\n        margin: 10px;\n        align-items: left;\n    }\n}<\/p>\n<p>@media (max-width: 500px) {\n    .discover-merge__container {\n        flex-direction: column;\n    }<\/p>\n<p>    .discover-merge__left {\n        width: 100%;\n        align-items: normal;\n    }\n}<\/p>\n<\/style>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h2 class=\"wp-block-heading\" id=\"h-what-are-legacy-systems\">What are Legacy Systems?<\/h2>\n<p>Legacy systems are hardware, software, and other outdated technology organizations still use. The company that built the legacy system is usually no longer in business, or they&#8217;ve stopped offering updates and support for the product.<\/p>\n<p>Without updates and support, the organization must employ IT experts to maintain and operate the legacy system. The talent pool for these systems is small, so labor is expensive, and they often have to fabricate hardware replacements at high costs because parts aren&#8217;t readily available.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/designops-picking-tools-options.png\" alt=\"designops picking tools options\" class=\"wp-image-37016\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/designops-picking-tools-options.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/designops-picking-tools-options-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>Legacy systems also require a significant amount of space. Many organizations operate on systems that are 30-50 years old. The hardware for these legacy systems is bulky, requiring significant real estate to operate and maintain efficiently. Institutions must also worry about data integrity and ensuring they don&#8217;t lose everything when a system crashes\u2013<em>and legacy systems do crash!&nbsp;<\/em><\/p>\n<p>Legacy systems are still widely used in the banking sector and government institutions. Not only are legacy systems expensive to maintain, but they present significant security risks. To mitigate these risks, organizations must implement modern network defenses like <a href=\"https:\/\/nordlayer.com\/learn\/threat-management\/idps\/\">IDPS security<\/a> to identify and block malicious activity before it reaches the vulnerable core system.<\/p>\n<p><a href=\"https:\/\/www.forbes.com\/sites\/steveandriole\/2020\/05\/01\/legacy-it-in-the-us-federal-government--wheres-the-real-money\/?sh=7497fa4e4419\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">According to a Forbes article<\/a>, most US Federal Government systems are outdated. The US Treasury is one of the oldest systems at 51 years old, closely followed by Health and Human Services at 50.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-legacy-systems-and-user-experience\">Legacy Systems and User Experience<\/h3>\n<p>These technical issues present a challenge for UX designers trying to design a good user experience for a back-end held together with adhesive tape and bubble gum. Legacy systems offer several critical challenges for product teams:<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Poor performance:<\/strong> front-end applications must wait for <a href=\"https:\/\/www.dreamfactory.com\" target=\"_blank\" rel=\"noopener noreferrer\">API (application programming interfaces) calls<\/a> to legacy systems<\/li>\n<li><strong>Scalability limitations:<\/strong> legacy systems impede innovation<\/li>\n<li><strong>Poor cross-platform experience:<\/strong> restrictions on what users can do with mobile banking apps vs. desktop applications<\/li>\n<li><strong>Budget constraints:<\/strong> legacy banking systems are expensive\u2013consuming valuable resources that could go to UX and digital product innovation<\/li>\n<li><strong>Silos and bureaucracy:<\/strong> make it challenging to compete with fast-moving FinTech startups and institutions that have embraced technology<\/li>\n<li><strong>Security constraints:<\/strong> legacy systems are more vulnerable to attack, adding more complexity and limitations<\/li>\n<\/ul>\n<h2 class=\"wp-block-heading\" id=\"h-what-makes-fintech-more-successful\">What Makes FinTech More Successful?<\/h2>\n<p>FinTech products solve the same problems as organizations running legacy systems but can compete because they have fewer constraints.<\/p>\n<p>Here are some ways FinTech outcompetes multinational financial institutions with decades of experience and expertise.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-1-fintech-moves-fast\">1. FinTech moves fast<\/h3>\n<p>Speed to market is one of FinTech&#8217;s greatest strengths. With modern technologies, efficient workflows, and no silos or bureaucracy, FinTech product teams can innovate and deliver projects fast.<\/p>\n<p>FinTech companies are also free to test and adopt new technology, like machine learning, blockchain powered by a <a href=\"https:\/\/drpc.org\/for-chains\">web3 rpc provider<\/a>, and artificial intelligence, which significantly enhance product quality and customer satisfaction.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/designops-efficiency-person.png\" alt=\"designops efficiency person\" class=\"wp-image-35075\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/designops-efficiency-person.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/designops-efficiency-person-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>This efficiency makes app-first investment products like Robinhood, and digital banking providers like Monzo, Chime, and Nubank, to name a few, successful. They offer clients a comparable financial product through sophisticated applications they continually innovate.<\/p>\n<p>Traditional financial institutions battle to compete because they&#8217;re slow to market and are always two steps behind faster, agile FinTech organizations.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-2-user-centric\">2. User-centric<\/h3>\n<p>FinTech organizations adopt a user-centric mindset for decisions and innovation. They understand user needs better than traditional financial institutions because they&#8217;re more in tune with modern digital software development, specifically, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/heuristic-evaluation-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">user experience<\/a> and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/stages-design-thinking-process\/\" target=\"_blank\" rel=\"noreferrer noopener\">design thinking<\/a>.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/search-observe-user-centered.png\" alt=\"search observe user centered\" class=\"wp-image-34890\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/search-observe-user-centered.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/search-observe-user-centered-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>This user-centric approach enables FinTech organizations to prioritize customer needs and focus on <a href=\"https:\/\/sdk.finance\/solutions\/core-banking-software-solution\/\">core banking<\/a> products that meet expectations\u2013creating better trust, adoption, and retention.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-3-better-data-analytics\">3. Better data analytics<\/h3>\n<p>Data integrity and quality are significant issues for legacy system financial institutions. Legacy systems prevent holistic real-time analytics, which slows decision-making and innovation. Modern FinTech organizations use data integration platforms like <a href=\"https:\/\/www.integrate.io\" target=\"_blank\" rel=\"noopener noreferrer\">Integrate.io<\/a> to connect data across databases, APIs, and data warehouses for high-quality real-time end-to-end analytics that allow them to identify issues and opportunities.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/responsive-screens.png\" alt=\"responsive screens\" class=\"wp-image-33970\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/responsive-screens.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/02\/responsive-screens-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>These valuable insights enable stakeholders to make educated decisions aligned with the company&#8217;s vision, roadmap, and customer expectations.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-4-ux-research-and-user-testing\">4. UX research and user testing<\/h3>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-research-methods-use-cases\/\" target=\"_blank\" rel=\"noreferrer noopener\">UX research<\/a> and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-testing-prototypes\/\" target=\"_blank\" rel=\"noreferrer noopener\">user testing<\/a> are facets of <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/user-centered-design\/\" target=\"_blank\" rel=\"noreferrer noopener\">user-centered design<\/a> adopted by FinTech organizations. These valuable UX insights, paired with quality analytics, provide FinTech organizations with more detailed, holistic <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-designers-5-minute-guide-lean-personas\/https:\/\/www.uxpin.com\/studio\/blog\/right-empathy-dissecting-4-personas-real-projects\/\" target=\"_blank\" rel=\"noreferrer noopener\">customer personas<\/a>.<\/p>\n<p>This deeper understanding of customer behavior enables FinTech designers to prioritize products and services that meet user needs while identifying unique business opportunities.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-5-cross-functional-product-development\">5. Cross-functional product development<\/h3>\n<p>Many successful FinTech organizations use <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/agile-environments\/\" target=\"_blank\" rel=\"noreferrer noopener\">Agile environments<\/a> and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-team-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">cross-functional product development teams<\/a>. These modern workflows minimize silos, align teams, reduce errors (<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/3-step-guide-erasing-ux-debt\/\" target=\"_blank\" rel=\"noreferrer noopener\">UX debt<\/a>\/<a href=\"https:\/\/www.uxpin.com\/studio\/blog\/fighting-front-end-debt\/\" target=\"_blank\" rel=\"noreferrer noopener\">technical debt<\/a>), and facilitate faster, more accurate project delivery.<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/designops-increasing-collaboration-group.png\" alt=\"designops increasing collaboration group\" class=\"wp-image-35087\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/designops-increasing-collaboration-group.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/04\/designops-increasing-collaboration-group-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>FinTech organizations are also more adept at remote work environments, allowing them to draw from a global talent pool and onboard much faster.<\/p>\n<p>Traditional financial institutions suffer from silos and, due to regulatory requirements and company policies, take longer to onboard talent and build teams.<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-how-designers-can-help-with-modernizing-legacy-systems\">How Designers Can Help With Modernizing Legacy Systems<\/h2>\n<h3 class=\"wp-block-heading\" id=\"h-1-measuring-and-reporting\">1. Measuring and reporting<\/h3>\n<p>Measuring and reporting are vital components of modernizing legacy systems, including:<\/p>\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/ux-audit\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>UX audits<\/strong><\/a><strong>:<\/strong> identify usability issues linked to legacy systems and measure the annual cost of inaction<\/li>\n<li><strong>Customer journey mapping:<\/strong> <a href=\"https:\/\/fintechmagazine.com\/venture-capital\/three-key-steps-modernise-legacy-banking-systems\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">FinTech Magazine recommends a three-step approach to legacy system modernization<\/a> which centers around optimizing high-velocity customer journeys<\/li>\n<li><strong>User testing and UX research:<\/strong> invest more time in understanding users through testing, interviews, and research<\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/competitive-analysis-for-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>UX competitive analysis<\/strong><\/a><strong>:<\/strong> study competitors to learn why customers chose their products<\/li>\n<li><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/service-safari\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Service safari<\/strong><\/a><strong>:<\/strong> get team members to use your products and competitors to gain insights from a user&#8217;s perspective<\/li>\n<\/ul>\n<p>Using these methodologies is just the first step. Design teams must use these insights to present quantitative data to stakeholders. For example,&nbsp;<\/p>\n<p>what is the cost of poor user experience from legacy systems, and what are the potential returns for modernization?<\/p>\n<p>When Talabat&#8217;s product team battled to get investment for a design system, they <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/business-case-ux\/\" target=\"_blank\" rel=\"noreferrer noopener\">built a business case around the costs of front-end debt<\/a>. The team measured the time it took to develop a UI with and without a design system. The results demonstrated significant losses for Talabat&#8217;s front-end debt, convincing stakeholders to invest in the product&#8217;s design system.<\/p>\n<p>Your problem and solution must include numbers to support your business case. Stakeholders want to see metrics and KPIs to assess:<\/p>\n<ul class=\"wp-block-list\">\n<li>The state and scale of the issue<\/li>\n<li>How your solution improves these numbers<\/li>\n<\/ul>\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\">\n<div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Enterprise Design System \u2013 How to Build and Scale Webinar\" width=\"660\" height=\"371\" src=\"https:\/\/www.youtube.com\/embed\/in4axiKk-uE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/figure>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<h3 class=\"wp-block-heading\" id=\"h-2-prioritizing-effectively-using-design-thinking\">2. Prioritizing effectively using design thinking<\/h3>\n<p>Designers can use design thinking to prioritize projects and identify opportunities that maximize business value. Finding the balance between <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-review-template-balancing-desirability-viability-feasibility\/\" target=\"_blank\" rel=\"noreferrer noopener\">desirability, viability, and feasibility<\/a> is an effective research technique for innovative products that deliver sustainable long-term growth and success.<\/p>\n<ul class=\"wp-block-list\">\n<li><strong>Desirability:<\/strong> what do customers <strong><em>need<\/em><\/strong> vs. want? Needs are more valuable because people can&#8217;t live without them.<\/li>\n<li><strong>Viability:<\/strong> can the company afford it, and does it make business sense?<\/li>\n<li><strong>Feasibility:<\/strong> do you have the resources to build it? Is it right for the business? And, how long will it take to deliver?<\/li>\n<\/ul>\n<p>Finding the sweet spot in this trifecta can maximize business value while solving customer needs. To be successful, the entire organization must embrace design thinking and user experience principles.<\/p>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/what-is-design-advocacy\/\" target=\"_blank\" rel=\"noreferrer noopener\">Design advocacy<\/a> and <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-thinking-workshop\/\" target=\"_blank\" rel=\"noreferrer noopener\">design thinking workshops<\/a> are crucial in getting buy-in from team members and stakeholders and steering them towards a modern, user-centered mindset.<\/p>\n<p>As legacy-constrained institutions adopt these design thinking principles, it gets harder to justify &#8220;the old way of doing things&#8221; at the expense of users and the business.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-3-creating-a-single-source-of-truth\">3. Creating a single source of truth<\/h3>\n<p>Many organizations, including those on legacy systems, still operate without a <a href=\"https:\/\/www.uxpin.com\/create-design-system-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">design system<\/a>. Even the &#8220;modern&#8221; digital payment giant PayPal only adopted a design system for its internal products in 2019!<\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/design-system-components.png\" alt=\"design system components\" class=\"wp-image-37014\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/design-system-components.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/design-system-components-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>Design systems ensure there&#8217;s an organization-wide single source of truth. Streamlining product development workflows and maximizing cohesion and consistency reduces usability issues while allowing designers to focus on solving user problems rather than building components for every project.<\/p>\n<p>Although a single source of truth won&#8217;t solve your company&#8217;s legacy challenges, it&#8217;s a step towards modernizing workflows and reducing time-to-market\u2013a significant issue for slow-moving financial institutions.<\/p>\n<h2 class=\"wp-block-heading\" id=\"h-digital-transformation-with-uxpin-merge\">Digital Transformation With UXPin Merge<\/h2>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"301\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/logo-uxpin-merge-1.png\" alt=\"logo uxpin merge 1\" class=\"wp-image-37006\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/logo-uxpin-merge-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/logo-uxpin-merge-1-700x281.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>UXPin Merge is an excellent tool for modernizing legacy systems and reducing time-to-market. After adopting UXPin Merge in 2019, <a href=\"https:\/\/www.uxpin.com\/studio\/blog\/paypal-scaled-design-process-uxpin-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">PayPal&#8217;s product designers were able to build UIs 8X faster<\/a> than before.<\/p>\n<p>Merge also revolutionized PayPal&#8217;s development process and <strong>scaled design output without employing more UX team members<\/strong>\u2013<em>a key factor for organizations struggling with budget constraints!<\/em><\/p>\n<h3 class=\"wp-block-heading\" id=\"h-synced-design-and-development\">Synced design and development<\/h3>\n<p>PayPal&#8217;s UX Lead EPX, Erica Rider, chose Microsoft&#8217;s Fluent UI design system. The DS team created custom components and templates, so designers only had to drag and drop elements to build user interfaces. As Erica calls it, <em>&#8220;a &#8216;snap-together&#8217; type design.&#8221;<\/em><\/p>\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"300\" src=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/design-and-development-collaboration-process-product-communication-1.png\" alt=\"design and development collaboration process product communication 1\" class=\"wp-image-37012\" srcset=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/design-and-development-collaboration-process-product-communication-1.png 750w, https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/design-and-development-collaboration-process-product-communication-1-700x280.png 700w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n<p>PayPal used Merge to sync its Fluent UI React library to UXPin, so designers had all the same components. They used React props to set styling and interactivity constraints which designers adjust via UXPin&#8217;s <a href=\"https:\/\/www.uxpin.com\/docs\/editor\/interface\/#properties-panel\" target=\"_blank\" rel=\"noreferrer noopener\">Properties Panel<\/a>.<\/p>\n<h3 class=\"wp-block-heading\" id=\"h-streamlined-design-handoffs\">Streamlined design handoffs<\/h3>\n<p><a href=\"https:\/\/www.uxpin.com\/studio\/blog\/design-handoff-with-merge\/\" target=\"_blank\" rel=\"noreferrer noopener\">Design handoffs in Merge<\/a> are seamless, almost non-existent\u2013<em>a far cry from the chaotic mess many organizations deal with when releasing new products and features!<\/em><\/p>\n<p>With designers and programmers using the same component library, most front-end development is copy\/paste and adjusting props to meet designs. UXPin provides JSX code, so designers can copy that too!<\/p>\n<p>Minimal designing and coding from scratch reduce errors, technical debt, and time-to-market while enhancing collaboration and user experience.<\/p>\n<p>Are outdated business processes and legacy systems affecting your UX team&#8217;s ability to compete and meet customer expectations? Create a single source of truth to enhance product development workflows and deliver better user experiences to your customers with UXPin Merge. <a href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Visit our Merge page for more details<\/a> and how to request access.<\/p>\n<div class=\"wp-block-buttons\">\n<div class=\"wp-block-button is-style-fill\"><center><a class=\"btn btn-flat btn-large btn-content-width\" href=\"https:\/\/www.uxpin.com\/merge\" target=\"_blank\" rel=\"noreferrer noopener\">Discover Merge<\/a><\/center><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Many organizations struggle to free themselves of legacy systems and the headaches they possess. These outdated ecosystems present many challenges, including user experience and digital innovation. The burdens of legacy technology are why challenger banks can compete with traditional banks, adopt sophisticated technology, and deliver products to customers significantly faster. This article explores the challenges<\/p>\n","protected":false},"author":3,"featured_media":37229,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,17,442,183,199],"tags":[],"class_list":["post-37228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-collaboration-2","category-component-driven-prototyping","category-design-leadership","category-design-systems"],"yoast_title":"Designer's Solution to FinTech Legacy Systems","yoast_metadesc":"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Designer&#039;s Solution to FinTech Legacy Systems<\/title>\n<meta name=\"description\" content=\"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Deal with FinTech Legacy Systems\" \/>\n<meta property=\"og:description\" content=\"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-24T19:02:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-08T16:33:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"UXPin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@uxpin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"UXPin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/\"},\"author\":{\"name\":\"UXPin\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"headline\":\"How to Deal with FinTech Legacy Systems\",\"datePublished\":\"2022-10-24T19:02:45+00:00\",\"dateModified\":\"2026-05-08T16:33:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/\"},\"wordCount\":1757,\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/fintech-legacy-systems.png\",\"articleSection\":[\"Blog\",\"Collaboration\",\"Component-Driven Prototyping\",\"Design Leadership\",\"Design Systems\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/\",\"name\":\"Designer's Solution to FinTech Legacy Systems\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/fintech-legacy-systems.png\",\"datePublished\":\"2022-10-24T19:02:45+00:00\",\"dateModified\":\"2026-05-08T16:33:30+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\"},\"description\":\"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/fintech-legacy-systems.png\",\"contentUrl\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/wp-content\\\/uploads\\\/2022\\\/10\\\/fintech-legacy-systems.png\",\"width\":1200,\"height\":600,\"caption\":\"fintech legacy systems\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/fintech-legacy-system-design-solutions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Deal with FinTech Legacy Systems\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/e0326509b38ce2a3ce62e40ddde9cf8e\",\"name\":\"UXPin\",\"description\":\"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.\",\"sameAs\":[\"http:\\\/\\\/www.uxpin.com\",\"https:\\\/\\\/x.com\\\/@uxpin\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/hello\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Designer's Solution to FinTech Legacy Systems","description":"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/","og_locale":"en_US","og_type":"article","og_title":"How to Deal with FinTech Legacy Systems","og_description":"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/","og_site_name":"Studio by UXPin","article_published_time":"2022-10-24T19:02:45+00:00","article_modified_time":"2026-05-08T16:33:30+00:00","og_image":[{"width":1200,"height":600,"url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png","type":"image\/png"}],"author":"UXPin","twitter_card":"summary_large_image","twitter_creator":"@uxpin","twitter_misc":{"Written by":"UXPin","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/"},"author":{"name":"UXPin","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"headline":"How to Deal with FinTech Legacy Systems","datePublished":"2022-10-24T19:02:45+00:00","dateModified":"2026-05-08T16:33:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/"},"wordCount":1757,"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png","articleSection":["Blog","Collaboration","Component-Driven Prototyping","Design Leadership","Design Systems"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/","name":"Designer's Solution to FinTech Legacy Systems","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#primaryimage"},"image":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#primaryimage"},"thumbnailUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png","datePublished":"2022-10-24T19:02:45+00:00","dateModified":"2026-05-08T16:33:30+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e"},"description":"Learn how you can deal with FinTech legacy systems and make an impact on business and customer experience of your app.","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#primaryimage","url":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png","contentUrl":"https:\/\/www.uxpin.com\/studio\/wp-content\/uploads\/2022\/10\/fintech-legacy-systems.png","width":1200,"height":600,"caption":"fintech legacy systems"},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/fintech-legacy-system-design-solutions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"How to Deal with FinTech Legacy Systems"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/e0326509b38ce2a3ce62e40ddde9cf8e","name":"UXPin","description":"UXPin is a web-based design collaboration tool. We\u2019re pleased to share our knowledge here.","sameAs":["http:\/\/www.uxpin.com","https:\/\/x.com\/@uxpin"],"url":"https:\/\/www.uxpin.com\/studio\/author\/hello\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/37228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=37228"}],"version-history":[{"count":6,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/37228\/revisions"}],"predecessor-version":[{"id":59420,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/37228\/revisions\/59420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media\/37229"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=37228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=37228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=37228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}