Reinventing
The Success Journey
Bolstering Trust Through Micro-Interactions
Table of Contents
Context
Problem
Solution
Validation
Competitive Research
Research Methods
Ideation
Background
User Testing
My Role
Current State
The Pivot
Objective
Problem Statement
Design Standard
Retrospective
Wireframes
Proposal
Prototype
Background
In 2023, Bank of America faced a pressing issue: inconsistency and lack of engagement in their success experience.
Cue the Confusion
Think about the last time you completed a transaction online: transferring money, setting up a budget, or replacing a lost card. At the end of your transaction, a screen pops up to tell you everything went according to plan. But, imagine if each of these confirmation experiences felt confusing or inconsistent.
My Role
I led the redesign effort end to end.
I collaborated across product, engineering, and legal to build a scalable design standard that improved clarity and engagement by 80%. The final system was adopted across 8 lines of business. I brought a strong visual POV while working in sprint cycles.
Objective
Over 100,000 people face inconsistent success screens at Bank of America;
this fails to reinforce trust.
This realization sparked a strategic initiative within the bank.
Unify the confirmation & success experience
to ensure that every customer feels a consistent sense of accomplishment and certainty
Engaging user experiences are crucial in financial technology.
An enjoyable experience means more than just usability, it needs to be engaging, and that’s where micro-interactions can play a macro role.
- The Nielsen Norman Group
80% of our competitors have integrated micro-interactions. Brick and mortar companies like Wells Fargo leverage micro-interactions to appear modern.
Stakeholder Interviews:
Conducted 10 interviews with system architects to understand current implementations & identify pain points.
Reserach Methods
In the absence of established design patterns, I leveraged collaboration across 8 lines of business to understand the current landscape and constraints.
Design Review Sessions:
Held weekly design review sessions to examine existing success and confirmation screens across platforms.
Best Practice Benchmarking:
Analyzed Bank of America standards to identify current best practices.
Research Discovery
Dull Inconsistent Symbols
Success interactions lacked emotional resonance.
The green check mark lacked cohesion.
This symbol inconsistency diluted the brand's visual identity and caused confusion among users.
This failed to create a personalized congratulatory experience.
Problem StatEment
How might we systemically integrate micro-interactions to ensure the success experience is genuinely enjoyable?
1. Identify platforms suitable for prototyping these interactions,
2. Create a library of micro-interaction patterns that resonate with our branding,
Project Goals
3. Hand off designs to our technical team in an efficient and scalable manner.
Ideation
A key assumption was that loading interactions are integral to success experiences.
Current Loading
The current loading interaction
- creates an abrupt transition
- lacks engagement
- fails to provide a sense of completion.
In the initial prototypes, I explored micro-interactions like dynamic loading animations to maintain user engagement during wait times.
The Pivot
Balancing engaging animations with quick transactions was challenging, so I conducted quick user tests and found that
Users appreciated the visuals
but wanted fast transactions.
So, the goal was to optimize animations for context, efficiency, and visual appeal.
Making Confirmation Flows Rewarding
With this in mind, I redefined project goals with the following milestones.
Increase engagement though optimized interactions:
Establish a consistent design pattern:
Validate interactive design patterns for three distinct use cases of success and confirmation screens, ensuring adaptability across banking scenarios.
Seamlessly integrate animations to increase engagement and minimize processing time, enhancing user experience efficiency
Competitive Research
To ensure alignment with best in class standards and to understand effective strategies, I examined 100 competitors, focusing on industry leaders like Wells Fargo, Paypal, and Acorn.
Brand-centric iconography engages users during transactions.
Significant tasks use large, memorable success illustrations.
Quick tasks integrate loading interactions within call-to-action buttons.
Full-page loading animations precede transitions to new screens.
Frequently repeated user flows feature complex illustrations, playful puns, and engaging animations to encourage repeated interactions.
Design Standard
Informed by market research, I developed a best-in-class design standard.
Brand iconography animated loading screens, a check mark indicated confirmation, & an illustration indicated success.
Wireframes
Initial wireframes explored sheet-ups, overlays, and full-page designs, each with varying text and interactive buttons. I utilized the BofA logo to create a loading animation. This is to intentionally create a moment of branding reinforcement.
PROPOSAL
Efficient and Rewarding Interaction Flows:
I optimized the user journey into a two-step confirmation flow:
Confirmation Interaction:
Loading Interaction:
Engaging flagscape logo animation indicates processing.
Task completion notification, adaptable based on complexity.
The proposed solution integrates the loading and completion seamlessly whereas the current state is abrupt.
User Testing
I conducted unmoderated A/B tests with 50+ Bank of America customers to compare the current design and proposed solutions and generated the following insights.
Engaging
100% found the new designs more engaging, indicating positive reception.
80% noted clearer success messaging in the new designs, enhancing comprehension.
Clearer
Faster
Users grasped success messaging in new designs 2.5 seconds faster, boosting efficiency.
PROTOTYPE
Completion Confirmation
For completion tasks such as transactions or quick applications, a confirmation page with a check mark is sufficient
PROTOTYPE
Celebrating Success
For completion of more significant user flows such as a mortgage checklist, an interactive illustration celebrates user achievements and incentivizes them to repeat that task.
PROTOTYPE
Addressing Wait Times
For longer wait times, I crafted an animation incorporating the Bank of America motto, “What would you like the power to do?”, turning a potential user frustration into a moment of brand reinforcement.
PROTOTYPE
Quick Interaction Wins
I also refined quick interaction models for frequent, routine tasks such as logins and form submissions.
Retrospective
Lessons Learned for the Future
Scalable Solutions:
Integration Challenges:
Integrating novel design elements into established systems presented hurdles, highlighting the necessity for adaptable strategies capable of adjusting to industry standards.
Focusing more on creating scalable design solutions from the outset would have made integration with existing systems more seamless and reduced rework.
Back to Overview
Reinventing The Success H
Jahin A
Created on December 29, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Smart Presentation
View
Practical Presentation
View
Essential Presentation
View
Akihabara Presentation
View
Flow Presentation
View
Dynamic Visual Presentation
View
Pastel Color Presentation
Explore all templates
Transcript
Reinventing
The Success Journey
Bolstering Trust Through Micro-Interactions
Table of Contents
Context
Problem
Solution
Validation
Competitive Research
Research Methods
Ideation
Background
User Testing
My Role
Current State
The Pivot
Objective
Problem Statement
Design Standard
Retrospective
Wireframes
Proposal
Prototype
Background
In 2023, Bank of America faced a pressing issue: inconsistency and lack of engagement in their success experience.
Cue the Confusion
Think about the last time you completed a transaction online: transferring money, setting up a budget, or replacing a lost card. At the end of your transaction, a screen pops up to tell you everything went according to plan. But, imagine if each of these confirmation experiences felt confusing or inconsistent.
My Role
I led the redesign effort end to end.
I collaborated across product, engineering, and legal to build a scalable design standard that improved clarity and engagement by 80%. The final system was adopted across 8 lines of business. I brought a strong visual POV while working in sprint cycles.
Objective
Over 100,000 people face inconsistent success screens at Bank of America;
this fails to reinforce trust.
This realization sparked a strategic initiative within the bank.
Unify the confirmation & success experience
to ensure that every customer feels a consistent sense of accomplishment and certainty
Engaging user experiences are crucial in financial technology.
An enjoyable experience means more than just usability, it needs to be engaging, and that’s where micro-interactions can play a macro role.
- The Nielsen Norman Group
80% of our competitors have integrated micro-interactions. Brick and mortar companies like Wells Fargo leverage micro-interactions to appear modern.
Stakeholder Interviews:
Conducted 10 interviews with system architects to understand current implementations & identify pain points.
Reserach Methods
In the absence of established design patterns, I leveraged collaboration across 8 lines of business to understand the current landscape and constraints.
Design Review Sessions:
Held weekly design review sessions to examine existing success and confirmation screens across platforms.
Best Practice Benchmarking:
Analyzed Bank of America standards to identify current best practices.
Research Discovery
Dull Inconsistent Symbols
Success interactions lacked emotional resonance.
The green check mark lacked cohesion.
This symbol inconsistency diluted the brand's visual identity and caused confusion among users.
This failed to create a personalized congratulatory experience.
Problem StatEment
How might we systemically integrate micro-interactions to ensure the success experience is genuinely enjoyable?
1. Identify platforms suitable for prototyping these interactions,
2. Create a library of micro-interaction patterns that resonate with our branding,
Project Goals
3. Hand off designs to our technical team in an efficient and scalable manner.
Ideation
A key assumption was that loading interactions are integral to success experiences.
Current Loading
The current loading interaction
In the initial prototypes, I explored micro-interactions like dynamic loading animations to maintain user engagement during wait times.
The Pivot
Balancing engaging animations with quick transactions was challenging, so I conducted quick user tests and found that
Users appreciated the visuals
but wanted fast transactions.
So, the goal was to optimize animations for context, efficiency, and visual appeal.
Making Confirmation Flows Rewarding
With this in mind, I redefined project goals with the following milestones.
Increase engagement though optimized interactions:
Establish a consistent design pattern:
Validate interactive design patterns for three distinct use cases of success and confirmation screens, ensuring adaptability across banking scenarios.
Seamlessly integrate animations to increase engagement and minimize processing time, enhancing user experience efficiency
Competitive Research
To ensure alignment with best in class standards and to understand effective strategies, I examined 100 competitors, focusing on industry leaders like Wells Fargo, Paypal, and Acorn.
Brand-centric iconography engages users during transactions.
Significant tasks use large, memorable success illustrations.
Quick tasks integrate loading interactions within call-to-action buttons.
Full-page loading animations precede transitions to new screens.
Frequently repeated user flows feature complex illustrations, playful puns, and engaging animations to encourage repeated interactions.
Design Standard
Informed by market research, I developed a best-in-class design standard.
Brand iconography animated loading screens, a check mark indicated confirmation, & an illustration indicated success.
Wireframes
Initial wireframes explored sheet-ups, overlays, and full-page designs, each with varying text and interactive buttons. I utilized the BofA logo to create a loading animation. This is to intentionally create a moment of branding reinforcement.
PROPOSAL
Efficient and Rewarding Interaction Flows:
I optimized the user journey into a two-step confirmation flow:
Confirmation Interaction:
Loading Interaction:
Engaging flagscape logo animation indicates processing.
Task completion notification, adaptable based on complexity.
The proposed solution integrates the loading and completion seamlessly whereas the current state is abrupt.
User Testing
I conducted unmoderated A/B tests with 50+ Bank of America customers to compare the current design and proposed solutions and generated the following insights.
Engaging
100% found the new designs more engaging, indicating positive reception.
80% noted clearer success messaging in the new designs, enhancing comprehension.
Clearer
Faster
Users grasped success messaging in new designs 2.5 seconds faster, boosting efficiency.
PROTOTYPE
Completion Confirmation
For completion tasks such as transactions or quick applications, a confirmation page with a check mark is sufficient
PROTOTYPE
Celebrating Success
For completion of more significant user flows such as a mortgage checklist, an interactive illustration celebrates user achievements and incentivizes them to repeat that task.
PROTOTYPE
Addressing Wait Times
For longer wait times, I crafted an animation incorporating the Bank of America motto, “What would you like the power to do?”, turning a potential user frustration into a moment of brand reinforcement.
PROTOTYPE
Quick Interaction Wins
I also refined quick interaction models for frequent, routine tasks such as logins and form submissions.
Retrospective
Lessons Learned for the Future
Scalable Solutions:
Integration Challenges:
Integrating novel design elements into established systems presented hurdles, highlighting the necessity for adaptable strategies capable of adjusting to industry standards.
Focusing more on creating scalable design solutions from the outset would have made integration with existing systems more seamless and reduced rework.
Back to Overview