Barclays Bank US had an outdated marketing website with poor UX, lack of accessibility compliance, and no personalization capabilities, preventing them from effectively showcasing their services and risking customer engagement.
The redesigned website gave Barclays Bank US a stronger digital experience with better accessibility, clearer product communication, and a more flexible content foundation.
What moved forward
The redesigned website gave Barclays Bank US a stronger digital experience with better accessibility, clearer product communication, and a more flexible content foundation.
Situation
Barclays Bank US had an outdated marketing website with poor UX, lack of accessibility compliance, and no personalization capabilities, preventing them from effectively showcasing their services and risking customer engagement.
What we did
We redesigned the website with modern UI/UX, implemented Magnolia CMS for content management, added personalization features like goal setters and CD ladder builders, and ensured WCAG accessibility compliance.
What changed
The redesigned website gave Barclays Bank US a stronger digital experience with better accessibility, clearer product communication, and a more flexible content foundation.
Overview
Barclays Bank is a global financial services provider offering personal and business banking, student loans, home equity products, credit cards, and more. They needed a website that could effectively communicate their unique offerings and security features.
The redesigned website gave Barclays Bank US a stronger digital experience with better accessibility, clearer product communication, and a more flexible content foundation.
Barclays Bank US had an outdated marketing website with poor UX, lack of accessibility compliance, and no personalization capabilities, preventing them from effectively...
This engagement sat in a productize & systemize context and was delivered through our expert guidance support model.
Barclays Bank US had an outdated marketing website with poor UX, lack of accessibility compliance, and no personalization capabilities, preventing them from effectively showcasing their services and risking customer engagement.
The work had to strengthen the weak loops in the operating system before more complexity piled on top of them.
Barclays Bank is a global financial services provider offering personal and business banking, student loans, home equity products, credit cards, and more. They needed a website that could effectively communicate their unique offerings and security features.
Core constraints we had to address
We redesigned the website with modern UI/UX, implemented Magnolia CMS for content management, added personalization features like goal setters and CD ladder builders, and ensured WCAG accessibility compliance.
The sequence focused on the parts of the workflow where reliability, usability, and system clarity were under the most pressure.
Core technologies and system elements
First move
Created a smooth, dynamic user experience with CSS transitions, parallax scrolling, intelligent page indicators, and a modern identity with accessible imagery.
Inclusive and visitor-friendly digital experience that works across devices in adherence to WCAG standards.
Pressure addressed
Outdated website with unintuitive UX and UI prevented customer engagement
Change unlocked
WCAG Compliant
Inclusive and visitor-friendly digital experience that works across devices in adherence to WCAG standards.
Next move
Incorporated banking tools like goal setters, FDIC maximizers, and CD ladder builders. Integrated rate comparisons and product bundles with flexibility for future additions.
The homepage and product pages communicate savings, CD offerings, and trust signals more clearly.
Pressure addressed
Lack of accessibility compliance limited reach and brand perception
Change unlocked
Clear Homepage
The homepage and product pages communicate savings, CD offerings, and trust signals more clearly.
Next move
Enabled rules-based content and image delivery across the site with support for infographics, videos, blogging, and integrated social media content.
Magnolia CMS made it easier for teams to update content without the same level of deployment friction.
Pressure addressed
No personalization capabilities to tailor information to diverse customer needs
Change unlocked
Faster content updates
Magnolia CMS made it easier for teams to update content without the same level of deployment friction.
Final move
Ensured WCAG compliance and improved responsiveness across all devices while maintaining modern design integrity.
Customers perceive Barclays as secure, dependable, and customer-centric through modern, accessible design.
Pressure addressed
Inability to effectively communicate competitive advantages and security
Change unlocked
Modern Bank
Customers perceive Barclays as secure, dependable, and customer-centric through modern, accessible design.
The redesigned website gave Barclays Bank US a stronger digital experience with better accessibility, clearer product communication, and a more flexible content foundation.
The clearest gains showed up in reliability, workflow stability, and day-to-day operating confidence.
Experience
Inclusive and visitor-friendly digital experience that works across devices in adherence to WCAG standards.
Content
The homepage and product pages communicate savings, CD offerings, and trust signals more clearly.
Efficiency
Magnolia CMS made it easier for teams to update content without the same level of deployment friction.
Trust
Customers perceive Barclays as secure, dependable, and customer-centric through modern, accessible design.
Additional case studies with comparable pressure patterns, operating context, or delivery stage.
Systems fragile
Admin Partners
Admin Partners moved toward a more connected operating model with stronger workflow reliability, less duplicate handling, and clearer visibility across core business...
Systems fragile
Brighthouse Financial
Critical query runtimes dropped from nearly 30 minutes to seconds, recurring failures were eliminated, and batch operations became reliably scalable.
It's hard to trust the data
Premier Financial Alliance
PFA moved to a stronger incentive management system with secure team communication and more flexible reporting, making day-to-day operations easier to run with...
The clearest shifts in the system, workflow, and operating confidence after the work moved.
Experience
WCAG Compliant
Inclusive and visitor-friendly digital experience that works across devices in adherence to WCAG standards.
Content
Clear Homepage
The homepage and product pages communicate savings, CD offerings, and trust signals more clearly.
Efficiency
Faster content updates
Magnolia CMS made it easier for teams to update content without the same level of deployment friction.
Trust
Modern Bank
Customers perceive Barclays as secure, dependable, and customer-centric through modern, accessible design.
Common questions from teams facing similar pressure, implementation choices, and operating constraints.
Barclays Bank US had an outdated marketing website with poor UX, lack of accessibility compliance, and no personalization capabilities, preventing them from effectively showcasing their services and risking customer engagement. One early constraint was: Outdated website with unintuitive UX and UI prevented customer engagement.
The redesigned website gave Barclays Bank US a stronger digital experience with better accessibility, clearer product communication, and a more flexible content foundation. A concrete shift was: Inclusive and visitor-friendly digital experience that works across devices in adherence to WCAG standards.
The critical moves are usually performance, content flexibility, and long-term maintainability. In this case, the work centered on making the experience easier to manage while improving how the platform performed for users.
The safest path is to preserve core page structure, metadata intent, and technical SEO signals while improving rendering and performance. The implementation decisions here were shaped around that balance rather than treating launch as a purely visual redesign.
The first move is usually a focused systems read: identify where reliability is breaking down, then address the highest-risk loop first.
The approach is phased and practical. This engagement started with "Website Redesign" and expanded from there once core stability improved.
By tightening core system boundaries, improving workflow consistency, and making day-to-day operations easier to run with confidence.
Created a smooth, dynamic user experience with CSS transitions, parallax scrolling, intelligent page indicators, and a modern identity with accessible imagery. That mattered because it directly addressed constraints such as: Lack of accessibility compliance limited reach and brand perception.
This case is most relevant for teams facing systems fragile during the productize & systemize stage. A strong next step in similar situations is to Run the Tech Stack Audit.
Use this case study as a starting point, then branch into the closest next move, supporting guidance, or comparable work.
Browse similar situations
Browse the full library by pressure, stage, and industry context.
Run the Tech Stack Audit
Map system fragility, ownership gaps, and reporting risk before they compound.
Read: Should you modernize or rebuild?
Use a risk-based decision standard when current systems are under pressure.
Read: Your team structure follows your architecture
A useful read when system boundaries, ownership, and coordination have started to drift apart.
Explore Expert Guidance
See how this support path is structured when similar constraints are in play.
Related case: Admin Partners
Admin Partners moved toward a more connected operating model with stronger workflow reliability, less duplicate handling, and clearer visibility across core business...
If your team is dealing with systems fragile during the productize & systemize stage, we can help diagnose the constraint, sequence the next move, and stay close through execution.
