Modernizing Marketing Navigation

Modernize BOK Financial marketing navigation by shifting away from the left-hand drawer to a horizontal overlay that improves usability and reduces friction across key user journeys.

Role: Lead UX/UI Designer

Timeline: December 2025 - March 2026

Platform: Web / XM Cloud

Impact

Reduce user friction

Users navigate faster and encounter fewer errors or dead ends

Improved engagement metrics

Lower bounce rates and increased interaction with key pages.

Reduced development time

Remove conflicts between navigation and page components.

Previous desktop

Updated desktop

Usability testing

Design iteration

Discovery

Process





Prototype

Final design

Discovery

|

Design iteration

|

Prototype

|

Usability testing

|

Final design

Discovery & Research

Heuristic evaluation

Using Nielsen’s heuristics, Shneiderman’s rules, and WCAG guidelines, we identified three core usability issues: dual‑navigation complexity, inconsistent labeling hierarchy, and elevated cognitive load.

Competitive Analysis

Analyzed direct competitors as well as “best of” navigation experiences focusing on relationship between child-parent links and interaction standards.

  • 4 national banks

  • 3 e-commerce platforms

Usability Testing

Conducted external and internal unmoderated usability testing on proposed design. Validated design direction and guided minor additional design changes.

Previous mobile

Updated mobile

Next
Next

Accelerate partnership acquisition