Redesigned Bank of America’s legacy internal operational portal into PageOne—a centralized, scalable platform empowering employees to manage core banking workflows efficiently and securely across departments.
This project is under a confidentiality agreement. Visuals and internal data cannot be publicly shared. Please contact me to discuss this project further.
Redesigned Bank of America’s legacy internal operational portal into PageOne—a centralized, scalable platform empowering employees to manage core banking workflows efficiently and securely across departments.
The Challenge
✘ Legacy systems were cluttered, inconsistent, and inefficient, leading to cognitive overload and decreased productivity. ✘ The lack of unified patterns across internal tools caused frequent usability issues and user confusion. ✘ Accessibility standards were not being met, making the platform difficult to navigate for employees with varying needs and roles.
The Goal
✔ Modernize the internal portal and unify fragmented tools under one cohesive interface. ✔ Implement a scalable design system (Phoenix Framework) for long-term consistency. ✔ Improve usability, accessibility, and operational efficiency across the platform.
My UX Process & Approach
Research & User Understanding
Led stakeholder interviews and conducted contextual inquiry across different departments to uncover bottlenecks.
Ran heuristic evaluations, user surveys, and synthesized feedback into actionable insights.
Developed personas and journey maps to guide design decisions and prioritize features based on user roles (tellers, managers, support staff).
Information Architecture & Prototyping
Reorganized IA to reflect more intuitive workflows based on task frequency and user needs.
Created low-fidelity wireframes to validate layout and interactions early with internal stakeholders.
Built high-fidelity prototypes in Figma and InVision, tailored for specific roles within the bank.
Design System Integration (Phoenix Framework)
Collaborated with engineers and accessibility teams to integrate the Phoenix Design System.
Customized components for internal use cases, ensuring scalability and consistency.
Documented component usage patterns for future product teams.
Usability Testing & Iteration
Facilitated usability testing with real employees using task-based scenarios.
Measured task success rates, time-on-task, and satisfaction scores pre- and post-redesign.
Iteratively improved flows and visual hierarchy based on data and accessibility feedback.
Final Outcome & Impact
✔ Increased employee task efficiency by 30% through simplified flows and task prioritization. ✔ Achieved full ADA accessibility compliance, improving usability across a diverse workforce. ✔ Delivered a scalable design system adopted across multiple internal tools. ✔ Reduced training time for new hires by 25%, thanks to intuitive UI and consistent patterns.
Key Takeaways & Learnings
✔ Design systems succeed when paired with strong cross-functional collaboration and continuous iteration. ✔ Small accessibility changes (contrast, focus states, keyboard navigation) had outsized impact on usability. ✔ Designing for internal tools requires balancing business logic with empathetic design to enhance day-to-day productivity.
Led a cross-platform design system synchronization initiative using the Phoenix Framework to improve scalability, visual consistency, and handoff clarity across design and development teams.
This project is confidential. Visuals and internal data cannot be publicly shared. Please contact me for more information.
This project focused on auditing and synchronizing core design components across different tools (Sketch, InVision, Figma) and environments to improve consistency, scalability, and design-to-dev collaboration. As UX Lead, I spearheaded a comprehensive system-level alignment initiative to future-proof the Phoenix Design System across teams and platforms.
The Challenge
✘ Design inconsistencies were emerging across platforms and environments due to fragmented tooling and undocumented changes. ✘ Component variants were duplicative, outdated, or out of sync, impacting efficiency and developer handoffs. ✘ The Phoenix Design System lacked governance processes for scale and cross-functional ownership.
The Goal
✔ Audit and synchronize components across platforms (Figma, InVision, Sketch, and live environments). ✔ Ensure system-wide alignment with business and engineering goals. ✔ Establish scalable, documented components that support rapid design and development workflows.
My UX Process & Approach
Research & Component Auditing
Conducted a full audit of design components across design libraries, live code, and internal tools.
Mapped inconsistencies in naming, spacing, color usage, and interactions.
Documented system gaps and areas of overlap to inform consolidation strategy.
Cross-Functional Collaboration
Facilitated workshops with developers, PMs, and designers to identify friction points and sync component usage.
Created a shared alignment map of component states, variants, and intended use cases.
Worked with QA to map visual differences between code and design artifacts.
System Integration & Governance
Updated and streamlined Phoenix Design System components in Figma, ensuring 1:1 parity with codebase versions.
Created documentation templates and usage guidelines to reduce future divergence.
Established governance rituals (reviews, audits, documentation standards) to maintain quality and consistency.
Final Outcome & Impact
✔ Reduced redundant components by 35%, improving design efficiency and library usability. ✔ Improved design-to-development parity, reducing UI implementation errors across teams. ✔ Enhanced cross-team collaboration by aligning vocabulary, expectations, and documentation. ✔ Established a scalable, maintainable design system that’s ready for future product expansion.
Key Takeaways & Learnings
✔ Even the best design systems degrade without governance and active collaboration. ✔ System-level thinking requires empathy for both designers and developers. ✔ Consistency isn’t just visual—it’s about creating trust and speed across teams.
