Icons
Icons
Icons
Icons

Accepting Select Clients

Work

About

Resume

Contact

Case Study

Digital Banking: Fixing a $7.8M UX Penalty

How a new design system overhauled a legacy platform, eliminating 15% of UX-driven attrition and driving NPS to +80.

Timofey Piper,

Between Hands in Rochester,

2024,

Vector illustration

Artwork Details

Eastern Bank

Product Design Lead

1 year

Eastern Bank began a digital-first pivot to stay competitive. However, instead of retention, the legacy user experience became the primary driver of customer loss. As Product Design Lead, I recruited and led a six-person team to redesign and launch new desktop and mobile platforms for Consumer and Small Business banking within a 1-year timeframe.

Solution

Header

Rapid Walkthrough

Complete Walkthrough

All Screens & Workflow

Impact

$60M

Annual net income gain in annual profits

2015

Launch

2019

+96

Customer satisfaction point gain on J.D. Power index

2013

2019

+80 NPS

Net promoter score mobile score in Bentley University audit

Mobile

Desktop

Complete Case Study

Context

The shortcomings of an 'off-the-shelf' solution

Situation

Eastern Bank, the largest regional bank in Massachusetts, was pivoting to a digital-first future. However, the 'off-the-shelf' platform they adopted was visually outdated and glitchy. The result was a financial bleed where an estimated 1,200 customers left every month due to the poor user experience design, putting millions of dollars in future revenue at risk. This instability also paralyzed our ability to scale; with only 20% of our 700,000 customers active online, the broken platform made it impossible to migrate the "Offline Majority" away from expensive branch transactions.

My role

To address this issue, I was hired as the Product Design Lead to establish and lead a six-person design team. My team’s goal was to redesign and launch a new user experience for desktop and mobile banking for the consumer and small business segments, sitting on top of the existing bank backend.

Challenge

An opportunity to transform a regional bank for a digital-first future

The core problem was not the platform's technical capabilities, but its usability. Users were unaware that key features existed, got lost in confusing steps, and distrusted the outdated visual design.

Within my first week, I initiated a hiring strategy aligned with our roadmap, staffing designers to own specific features. To orchestrate these parallel efforts, I established a shared design system to unify the current platform and scale to future products. I enforced this alignment through weekly design critiques and daily standups.

Legacy design

My audit revealed a platform that looked a decade behind, stitched together with disjointed third-party applications. The cluttered layout forced users to hunt for basic features, while significant accessibility gaps exposed the bank to legal liability. This inconsistency is dangerous—it makes customers wonder, "If the platform is neglected, will it make mistakes with my money?"

Legacy Platform

Customer interviews

To validate our internal metrics, we partnered with Bentley University for an external audit. The results were alarming with a Net Promoter Score (NPS) of -27 for Desktop and -75 for Mobile. This independent data confirmed the platform’s design was a critical business failure.

Employee interviews

Customer Support reported that 30% of help desk calls were driven purely by UI confusion. Additionally, Branch Operations noted that 40% of in-person visits were for routine transactions that customers could have easily completed online.

Hypotheses & strategy

I believed that the individual features were not broken but simply disjointed. My hypothesis was that the solution was not to rebuild the tools but to build a design system around them. To secure stakeholder buy-in, I prioritized rapid validation, bringing customers in immediately to test features. This early success built trust with leadership, authorizing us to scale the project from Consumer web to Mobile and Small Business.

User Journey

Competition

Eastern Bank faced pressure from two sides: giants like Bank of America with massive scale, and agile FinTech startups with zero overhead. With physical branches becoming a financial liability, the bank had to pivot to a digital-first strategy. To rebuild our system, we hand-picked the strongest features from both competitors to create a modern hybrid platform.

Success criteria

Increase customer satisfaction by

Stemming the monthly loss of 1,200 customers caused by the legacy platform.

Restoring user trust by increasing NPS scores.

Reduce business cost by

Reducing support calls resulting from the legacy platform.

Increasing digital-first adoption to decrease branch operational costs.

Implementing a design system to ship new features faster.

Solution

High impact, low effort, proven solutions

With more than a decade of experience designing UX forms, I applied five proven solutions to achieve the highest impact. I prioritized the process by addressing low-effort, high-effort, and finally the “long-effort” solutions.

Restoring trust & consistency

The legacy platform was visually outdated, which eroded trust. Customers equated poor aesthetics with poor security. Only 4 of 24 participants felt the interface looked "stable." A crucial flaw was the inconsistency of input forms; behaviors ranged wildly from long scrolling pages to sudden pop-ups. In testing, 14 of 24 participants became confused or got lost completely.

To restore confidence, we implemented a global Design System—simple in concept, but complex to execute at that time. This holistic overhaul drove a 400% increase in confidence, with 20 of 24 participants rating the design "trustworthy" despite the backend remaining unchanged. We standardized inconsistent inputs into a foundational "stepper" framework (Intro > Input > Review > Confirm). This adaptable structure eliminated friction, allowing 21 of 24 participants to complete tasks without confusion.

Aa

A

a

Before

After

Taming the 3rd-party "Frankenstein"

The platform was a "Frankenstein" of disjointed third-party tools, creating a digital "Broken Windows" effect. A "Confirm" button might be green on the left in one tool, but blue on the right in another. These inconsistencies pierced the bank’s "privacy bubble," triggering fears of phishing scams. Only 4 of 24 participants felt confident that their data was secure.

Our solution was a strategic "balancing act." For flexible tools, we executed full redesigns; for locked backends, we engineered a visual wrapper using CSS overrides to force alignment; and for low-traffic utilities, we intentionally left them alone to conserve resources. This strategy masked the complex vendor network. Post-launch, 22 of 24 participants reported they felt they never left the secure banking environment.

A

A

B

Before

After

Essentials to the front

The legacy navigation buried essential tools under layers of confusing menus. Finding the "freeze debit card" function—a critical security feature—took users an average of 3 minutes and 40 seconds. This frustration directly contributed to increased call center volume.

We reorganized the Information Architecture to prioritize high-value features. We elevated common actions like Transfers and Bill Pay into a primary "Quick Actions" bar and moved Debit Card Management to the main navigation. This reduced time-on-task by 90%; participants could now find the freeze function in an average of 20 seconds. 24 of 24 participants preferred the new layout.

B

A

C

A

C

Before

After

Accessibility & banking regulation

The legacy platform exposed the bank to legal liability. A Bentley University audit revealed critical WCAG failures: tiny text, low contrast, and features buried in 'hover states' inaccessible on touchscreens.

We integrated accessibility into the Design System's core, avoiding post-launch patches. We engineered touch-friendly components and scalable text for all devices. Crucially, we replaced dense legalese with plain English and tooltips. Verification confirmed 100% WCAG compliance, and 24 of 24 participants reported full understanding of the terminology.

Before

After

Aa

Aa

Team alignment & consistency

I operationalized alignment by adapting the studio critique model from my background at RISD. Beyond standard Daily Standups, I facilitated Team Critiques to expose blind spots that even Senior Designers miss in their own work. This process provided total visibility and allowed the team to see exactly what everyone else was building in real-time. It proved to be a high-ROI process. For a minimal time investment, we eliminated redundant work and ensured that the platform felt cohesive rather than a collection of siloed features.

Before

After

Impact

Retained users, drove revenue, restored trust

The strategic pivot to a unified digital system immediately stabilized the user base and reversed years of negative customer momentum. By addressing usability failures and restoring trust, the platform transformed from a financial liability into a critical growth engine for the bank.

Annual net income

Digital efficiency has doubled the bank’s annual profit

Annual net income, in millions of dollars

2011

2012

2013

2014

2015

2016

2017

2018

2019

140

120

100

80

60

40

Platform Launch Jan 2017

$62.7

$122.7

Source: Eastern Bank Corporation Annual Financial Results (Massachusetts 2011–2019)

TP

Customer satisfaction

J.D. Power confirms the rise in satisfaction

Regional satisfaction index score, on a scale of 0–1000

Eastern Bank

Regional Winner

2011

2012

2013

2014

2015

2016

2017

2018

2019

880

860

840

820

800

780

760

777

873

Platform Launch Jan 2017

Source: JD Power US Retail Banking Satisfaction Study (New England 2011-2019)

TP

Net promoter score (NPS)

Bentley University validates the success of the redesign

Net Promoter Score (NPS) before and after the redesign, based on external evaluations

Legacy Platform

Redesigned Platform

Desktop

Mobile

-100

0

100

-27

61

-75

80

Source: Bentley University User Experience Center (UXC) Independent Audit (2017–2018)

TP

User testing results

Participants clearly prefer the redesigned platform

Comparison of participant feedback, based on a before-and-after study of 24 users

Legacy Platform

Redesigned Platform

Rated design as trustworthy

4

20

Completed tasks without confusion

14

21

Felt confident in platform security

4

22

Found navigation easy to use

3

24

Understood financial terminology

10

24

Source: Eastern Labs Internal UX Evaluation Report (2018)

TP

Case StudyWritten and Designed by Timofey Piper

Heading

Case Study

Bank Branding: The Spirit of Cape Cod

Eastern Bank’s rebrand to capture the history and sprit of Greater Boston.

Design System • UX Design • Team Lead

© 2026 Studio-TP LLC. All rights reserved.

Product & Visual Designer Specializing in Financial Technology

Accepting Select Clients

Case Study

Digital Banking: Fixing a $7.8M UX Penalty

How a new design system overhauled a legacy platform, eliminating 15% of UX-driven attrition and driving NPS to +80.

Timofey Piper,

Between Hands in Rochester,

2024,

Vector illustration

Artwork Details

Eastern Bank

Product Design Lead

1 year

Eastern Bank began a digital-first pivot to stay competitive. However, instead of retention, the legacy user experience became the primary driver of customer loss. As Product Design Lead, I recruited and led a six-person team to redesign and launch new desktop and mobile platforms for Consumer and Small Business banking within a 1-year timeframe.

Solution

Header

Rapid Walkthrough

Complete Walkthrough

All Screens & Workflow

Impact

$60M

Annual net income gain in annual profits

2015

Launch

2019

+96

Customer satisfaction point gain on J.D. Power index

2013

2019

+80 NPS

Net promoter score mobile score in Bentley University audit

Mobile

Desktop

Complete Case Study

Context

The shortcomings of an 'off-the-shelf' solution

Situation

Eastern Bank, the largest regional bank in Massachusetts, was pivoting to a digital-first future. However, the 'off-the-shelf' platform they adopted was visually outdated and glitchy. The result was a financial bleed where an estimated 1,200 customers left every month due to the poor user experience design, putting millions of dollars in future revenue at risk. This instability also paralyzed our ability to scale; with only 20% of our 700,000 customers active online, the broken platform made it impossible to migrate the "Offline Majority" away from expensive branch transactions.

My role

To address this issue, I was hired as the Product Design Lead to establish and lead a six-person design team. My team’s goal was to redesign and launch a new user experience for desktop and mobile banking for the consumer and small business segments, sitting on top of the existing bank backend.

Challenge

An opportunity to transform a regional bank for a digital-first future

The core problem was not the platform's technical capabilities, but its usability. Users were unaware that key features existed, got lost in confusing steps, and distrusted the outdated visual design.

Within my first week, I initiated a hiring strategy aligned with our roadmap, staffing designers to own specific features. To orchestrate these parallel efforts, I established a shared design system to unify the current platform and scale to future products. I enforced this alignment through weekly design critiques and daily standups.

Legacy design

My audit revealed a platform that looked a decade behind, stitched together with disjointed third-party applications. The cluttered layout forced users to hunt for basic features, while significant accessibility gaps exposed the bank to legal liability. This inconsistency is dangerous—it makes customers wonder, "If the platform is neglected, will it make mistakes with my money?"

Legacy Platform

Customer interviews

To validate our internal metrics, we partnered with Bentley University for an external audit. The results were alarming with a Net Promoter Score (NPS) of -27 for Desktop and -75 for Mobile. This independent data confirmed the platform’s design was a critical business failure.

Employee interviews

Customer Support reported that 30% of help desk calls were driven purely by UI confusion. Additionally, Branch Operations noted that 40% of in-person visits were for routine transactions that customers could have easily completed online.

Hypotheses & strategy

I believed that the individual features were not broken but simply disjointed. My hypothesis was that the solution was not to rebuild the tools but to build a design system around them. To secure stakeholder buy-in, I prioritized rapid validation, bringing customers in immediately to test features. This early success built trust with leadership, authorizing us to scale the project from Consumer web to Mobile and Small Business.

User Journey

Competition

Eastern Bank faced pressure from two sides: giants like Bank of America with massive scale, and agile FinTech startups with zero overhead. With physical branches becoming a financial liability, the bank had to pivot to a digital-first strategy. To rebuild our system, we hand-picked the strongest features from both competitors to create a modern hybrid platform.

Success criteria

Increase customer satisfaction by

Stemming the monthly loss of 1,200 customers caused by the legacy platform.

Restoring user trust by increasing NPS scores.

Reduce business cost by

Reducing support calls resulting from the legacy platform.

Increasing digital-first adoption to decrease branch operational costs.

Implementing a design system to ship new features faster.

Solution

High impact, low effort, proven solutions

With more than a decade of experience designing UX forms, I applied five proven solutions to achieve the highest impact. I prioritized the process by addressing low-effort, high-effort, and finally the “long-effort” solutions.

Restoring trust & consistency

The legacy platform was visually outdated, which eroded trust. Customers equated poor aesthetics with poor security. Only 4 of 24 participants felt the interface looked "stable." A crucial flaw was the inconsistency of input forms; behaviors ranged wildly from long scrolling pages to sudden pop-ups. In testing, 14 of 24 participants became confused or got lost completely.

To restore confidence, we implemented a global Design System—simple in concept, but complex to execute at that time. This holistic overhaul drove a 400% increase in confidence, with 20 of 24 participants rating the design "trustworthy" despite the backend remaining unchanged. We standardized inconsistent inputs into a foundational "stepper" framework (Intro > Input > Review > Confirm). This adaptable structure eliminated friction, allowing 21 of 24 participants to complete tasks without confusion.

Aa

A

a

Before

After

Taming the 3rd-party "Frankenstein"

The platform was a "Frankenstein" of disjointed third-party tools, creating a digital "Broken Windows" effect. A "Confirm" button might be green on the left in one tool, but blue on the right in another. These inconsistencies pierced the bank’s "privacy bubble," triggering fears of phishing scams. Only 4 of 24 participants felt confident that their data was secure.

Our solution was a strategic "balancing act." For flexible tools, we executed full redesigns; for locked backends, we engineered a visual wrapper using CSS overrides to force alignment; and for low-traffic utilities, we intentionally left them alone to conserve resources. This strategy masked the complex vendor network. Post-launch, 22 of 24 participants reported they felt they never left the secure banking environment.

A

A

B

Before

After

Essentials to the front

The legacy navigation buried essential tools under layers of confusing menus. Finding the "freeze debit card" function—a critical security feature—took users an average of 3 minutes and 40 seconds. This frustration directly contributed to increased call center volume.

We reorganized the Information Architecture to prioritize high-value features. We elevated common actions like Transfers and Bill Pay into a primary "Quick Actions" bar and moved Debit Card Management to the main navigation. This reduced time-on-task by 90%; participants could now find the freeze function in an average of 20 seconds. 24 of 24 participants preferred the new layout.

B

A

C

A

C

Before

After

Accessibility & banking regulation

The legacy platform exposed the bank to legal liability. A Bentley University audit revealed critical WCAG failures: tiny text, low contrast, and features buried in 'hover states' inaccessible on touchscreens.

We integrated accessibility into the Design System's core, avoiding post-launch patches. We engineered touch-friendly components and scalable text for all devices. Crucially, we replaced dense legalese with plain English and tooltips. Verification confirmed 100% WCAG compliance, and 24 of 24 participants reported full understanding of the terminology.

Before

After

Aa

Aa

Team alignment & consistency

I operationalized alignment by adapting the studio critique model from my background at RISD. Beyond standard Daily Standups, I facilitated Team Critiques to expose blind spots that even Senior Designers miss in their own work. This process provided total visibility and allowed the team to see exactly what everyone else was building in real-time. It proved to be a high-ROI process. For a minimal time investment, we eliminated redundant work and ensured that the platform felt cohesive rather than a collection of siloed features.

Before

After

Impact

Retained users, drove revenue, restored trust

The strategic pivot to a unified digital system immediately stabilized the user base and reversed years of negative customer momentum. By addressing usability failures and restoring trust, the platform transformed from a financial liability into a critical growth engine for the bank.

Annual net income

Digital efficiency has doubled the bank’s annual profit

Annual net income, in millions of dollars

2011

2012

2013

2014

2015

2016

2017

2018

2019

140

120

100

80

60

40

Platform Launch Jan 2017

$62.7

$122.7

Source: Eastern Bank Corporation Annual Financial Results (Massachusetts 2011–2019)

TP

Customer satisfaction

J.D. Power confirms the rise in satisfaction

Regional satisfaction index score, on a scale of 0–1000

Eastern Bank

Regional Winner

2011

2012

2013

2014

2015

2016

2017

2018

2019

880

860

840

820

800

780

760

777

873

Platform Launch Jan 2017

Source: JD Power US Retail Banking Satisfaction Study (New England 2011-2019)

TP

Net promoter score (NPS)

Bentley University validates the success of the redesign

Net Promoter Score (NPS) before and after the redesign, based on external evaluations

Legacy Platform

Redesigned Platform

Desktop

Mobile

-100

0

100

-27

61

-75

80

Source: Bentley University User Experience Center (UXC) Independent Audit (2017–2018)

TP

User testing results

Participants clearly prefer the redesigned platform

Comparison of participant feedback, based on a before-and-after study of 24 users

Legacy Platform

Redesigned Platform

Rated design as trustworthy

4

20

Completed tasks without confusion

14

21

Felt confident in platform security

4

22

Found navigation easy to use

3

24

Understood financial terminology

10

24

Source: Eastern Labs Internal UX Evaluation Report (2018)

TP

Case StudyWritten and Designed by Timofey Piper

Next Project

Case Study

Bank Branding: The Spirit of Cape Cod

Eastern Bank’s rebrand to capture the history and sprit of Greater Boston.

Design System • UX Design • Team Lead

© 2026 Studio-TP LLC. All rights reserved.