National Bank Logo

National Bank

Sixth largest commercial bank in Canada.

My Role - UX/UI Design / Art Direction.

Compass is National Bank’s wealth management SaaS platform used by investment advisors and analysts to manage securities research, onboarding, administration, trading, and compliance workflows. It consolidates multiple complex tools into one system, streamlining processes with features like automated workflows, bulk requests, and self-serve data exports within a highly regulated, accessibility-driven environment.

Security Search Cover

Less Clicks, More Accurate Results.

During my role as Senior UX Designer, I addressed two major problem areas:

Advanced Security Search → Redesigning the core search feature to reduce abandonment, clarify filters, and improve interpretation of results.

Compass Design System / Audit → Establishing consistent patterns and a scalable component library to ensure UI consistency across modules and support faster delivery.

Competitor Research and Journey Map
  • Research: Conducted comparative analysis of Bloomberg and Globe Investor; created user journey maps and facilitated interviews; synthesized insights into a research findings report.

  • Collaboration: Led discussions with cross-functional teams including business analysts, management and developers to align on pain points and opportunities.

  • Wireframes: Designed simplified workflows for filters and results display, exploring incremental filtering and dynamic suggestions.

  • Prototypes: Built high-fidelity prototypes in Figma, validated with advisors and analysts, iterating based on usability feedback.

Security Search Flow

Impact.

  • Increased usability of the Advanced Security Search, resulting in a more efficient and satisfying user experience, increased retention and revenue opportunities.

  • Improved user engagement metrics, with increased search interactions and a significant decrease in search abandonment rates.

Reflections.

  • Designing for complex financial data required balancing usability with strict regulatory and accessibility standards.

  • Cross-functional collaboration with developers and analysts was key to aligning design goals with technical constraints.

Design System / Audit

My Role: UX Designer

Guiding Principles: Used Nielsen Norman Group’s 10 Usability Heuristics as a framework to evaluate and improve Compass's user experience.

Objective: Conducted a UI/UX audit to identify inconsistencies and usability issues. Collaborated with stakeholders to implement actionable design improvements.

Process:

  • Conducted a detailed UI/UX audit across multiple modules, identifying inconsistencies and usability pain points in a large-scale financial SaaS platform used for uploading, searching, and analyzing complex financial instruments and data.

  • Collaborated with stakeholders, including developers and business analysts.

  • Designed and documented a roadmap for a scalable, standardized design system.

Key Findings & Solutions

  • Inconsistent standards: Varied patterns and naming → solved with a unified design system.

  • Unclear messaging: Vague errors and icons → replaced with clear, action-oriented labels and tooltips.

  • Layout inefficiencies: Cluttered screens and poor hierarchy → optimized with consistent typography and progressive disclosure.

Users Illustration

Impact.

  • Improved usability and task efficiency with clearer navigation and UI standards.

  • Decreased search abandonment rates by improving labeling and findability.

  • Strengthened design system for long-term scalability.

Reflections.

By applying usability heuristics, we created a scalable, user-friendly experience that enhances efficiency and engagement.

Visual Design at NBIN

NBIN Annual Conference Campaign

Led the design and art direction for two comprehensive campaigns, ensuring consistent branding and seamless integration of visual elements across various platforms, media and PPT presentations.

60-Foot Immersive Event Displays

Designed a series of 60-ft wide immersive displays using interchangeable graphic templates, curated photography, and bold typography. The visuals emphasized key informational points and speaker bios, reinforcing NBIN’s brand identity and values while creating a visually cohesive and dynamic experience.

NBIN's Annual Conference goal is to bring finance community to network with NBIN's top executives, world class thought leaders and fin tech peers.

  • As the lead designer for NBIN's "Stronger Together" and "All In" Annual Conferences, I created cohesive branding and immersive visual experiences that defined the visual identity.

Immersive Pop Up Banner
Rick Mercer
Next Project