End-to-End System Design & Digital Transformation
PROJECT TYPE
Digital transformation
CLIENT
Bank of America
MY ROLE
Lead UX Designer
PROBLEM STATEMENT
The existing Night Deposits process required bank associates to manually retrieve, verify, and log overnight deposits using a physical ledger before entering the data into the bank’s transaction system. This time-consuming, error-prone workflow lacked efficiency, transparency, and scalability. A digital solution was needed to streamline the process, reduce manual effort, and improve accuracy in handling sensitive financial transactions.
USER INTERVIEWS
Findings about the process (bank managers):
-
Time-Consuming: Morning routines were delayed by the lengthy process.
-
Prone to Errors: Manual entry often led to mistakes.
-
Security Risks: Handling cash raised safety concerns.
-
Low Transparency: Hard to track or verify deposits.
-
No Audit Trail: Discrepancies were difficult to investigate.
-
Double Entry: Same data was logged twice.
-
Limited Oversight: No centralized monitoring across branches.
-
Cognitive Load: Task required intense focus during busy hours.
DESIGN GOALS
The redesign set out to improve efficiency, accuracy, and oversight through the following measurable goals:
-
Reduce processing time by 75%
Simplify the task so associates could complete it in under 10 minutes (down from an average of 40+). -
Cut manual entry errors by 60%
Use validation rules, structured inputs, and automated checks to reduce inaccuracies in logging. -
Achieve 100% audit visibility
Provide a centralized, timestamped record of each deposit for supervisor and compliance review.
-
Lower training time by 50%
Design a clean, intuitive interface that minimized onboarding for new associates. -
Ensure WCAG 2.2 accessibility compliance
Make the interface fully usable by employees with visual or motor impairments.
UX ARCHITECTURE
System Mapping & Enterprise Integration
The Night Deposits workflow was just one thread in a complex suite of enterprise applications used daily by associates. To design a solution that would feel seamless and familiar, I first needed to understand how this process fit into the wider operational and technical landscape.
As part of a larger initiative to map interconnected systems across the platform, I documented upstream and downstream dependencies, identified shared components, and highlighted where new features could either break or enhance cross-application consistency. This broader visibility was very important in helping both product owners and engineers make informed decisions around scope, feasibility, and handoff.
Defining User Flows
Before jumping into wireframes, I created user flows to map out each step a bank associate would take — from opening the vault to verifying and submitting deposits digitally. These flows clarified system logic, highlighted edge cases, and aligned the team around expected behaviors and decisions.
Each flow included conditional branches, validation points, and system feedback moments, helping stakeholders understand how user actions triggered backend processes. These diagrams became a shared blueprint for both design and development, reducing ambiguity and minimizing rework later in the build phase.
UX DESIGN
Building for speed, clarity, and control.
Wireframes
With a deep understanding of workflows and dependencies in place, I proceeded to create wireframes. The interface needed to support speed and accuracy without sacrificing clarity. I designed modular layouts for different entitlement types, added in-line validation, and used familiar patterns to reduce the learning curve for bank associates.
Visibility of system status was added to provide feedback during key actions, like progress tracking. Throughout, I ensured that the design conformed to the bank’s unified design system — adapting and extending components where needed to support the specific requirements of the Night Deposits flow.
High-fidelity Designs
With validated flows and clear interaction paths in place, I moved into high-fidelity designs. These screens were built using the bank’s unified design system, ensuring consistency across applications while allowing room for custom components specific to the Night Deposits experience.
I focused on creating an interface that would minimize errors and reduce the time spent per transaction. Visual hierarchy, clear grouping of information, and consistent affordances helped bank associates complete their tasks quickly and confidently — even under pressure.To support development, I annotated every screen with interaction notes, states (default, error, success), and accessibility considerations such as specifications for keyboard users.
OUTCOMES & IMPACT
Measuring success through adoption, efficiency, and feedback.
What changed once the system went live:
-
↓ 45% reduction in time spent processing deposits
-
↑ 60% increase in task accuracy due to validation triggers
-
3x faster onboarding for new associates using the tool
-
Positive feedback from managers on error-prevention features
-
Enhanced security with digitized audit trails supporting the bank’s risk models
-
Positive feedback from branch managers on usability and error prevention
-
Seamless integration with the bank’s larger suite of enterprise applications
CONCLUSION
Digitizing the Night Deposits process was more than just a UX upgrade — it was a strategic move toward operational efficiency, risk reduction, and a better employee experience. By closely collaborating with bank associates and aligning with enterprise systems, I was able to translate a manual, error-prone task into a streamlined, secure digital workflow.
This project reinforced the value of listening to users, designing for edge cases, and creating solutions that scale within complex environments. Most importantly, it demonstrated how thoughtful UX can unlock both human and business potential.