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 document retrieval interaction

Legacy Interaction

Simplified document retrieval 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 showing delivery and notification settings

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.