BMO
Modernizing a Wealth Platform Through System-Level Usability Improvements
- Role
- Product Designer & UI Developer
- Tenure
- Nov 2021 – Jun 2025
- Scope
- High-net-worth investment platform modernization
- Environment
- Enterprise finance · Design system contribution · Component delivery
- Technologies
- Figma · HTML · CSS · Angular · Storybook
Context
The platform supported critical wealth management workflows, including investment reporting, document retrieval, and account preferences.
While functional, several interaction patterns created friction — particularly in high-frequency document workflows and preference management.
The goal was to improve usability and accessibility while modernizing component behavior within a complex enterprise environment, without disrupting delivery cycles.
Modernizing Document Retrieval
Reduce friction in high-frequency workflows

Legacy Interaction

Simplified Document Retrieval
The original eDocuments experience supported document access but introduced friction when users needed to retrieve multiple document types across tax years.
The modernization focused on improving scannability, clarifying filtering context, and enabling clearer bulk-selection patterns — while preserving familiarity for existing users.
- Introduced clearer document grouping by period
- Surfaced applied filters to improve state awareness
- Simplified multi-document selection patterns
- Reduced nested action complexity
- Improved keyboard navigation flow within document tables
The primary goal was reducing friction for high-frequency tasks, particularly retrieving multiple document types efficiently.
Improving Account Preferences & Delivery States
Clarifying document delivery and notification behavior

Account Preferences Interface
Delivery preferences and notification states were previously fragmented and visually secondary.
The updated interaction pattern clarified document delivery settings, surfaced alert states, and strengthened accessible form behavior across preference controls.
- Improved hierarchy of preference controls
- Clearer visibility of email verification and alert states
- Consistent interaction patterns across toggles and settings
- Reinforced accessible form structure and semantic clarity
Bridging Design and Production
Designing with architectural awareness
Working directly within Angular and enterprise CI/CD workflows strengthened how I approach system design.
Beyond visual refinement, I collaborated closely with engineering to ensure components were reusable, WCAG-aligned, and structured to scale within the broader platform ecosystem.
- Separation of presentation and business logic
- Component reusability and consistent state handling
- Accessibility compliance at production level
- Alignment between Figma intent and shipped behavior
- Supporting design system adoption to accelerate implementation
Impact
+63%
platform usage
71%
user satisfaction
Improvements to document retrieval and account preference workflows contributed to measurable gains in platform engagement and user satisfaction. Reducing interaction complexity and strengthening accessible component behavior improved clarity across critical financial tasks.
Reflection
Modernizing enterprise financial systems requires balancing stability with meaningful improvement. In this environment, success is not defined by dramatic visual change, but by reduced friction, clearer system behavior, and scalable component architecture.
Working directly within Angular and enterprise CI/CD workflows strengthened my ability to design with implementation constraints in mind. This experience deepened my approach to building systems that are both usable and structurally sound.