Megamenu Redesign

I designed a scalable megamenu for TIAA that organized hundreds of links into clear, accessible layouts—making navigation simpler for users and teams alike.

Client:

TIAA

Industry:

Finance

Focus:

Pattern, Documentation, Strategy

Context:

2025, Federated design

Background
Background

Problem

TIAA’s navigation needed to scale across multiple business lines and audiences but was overloaded, inconsistent, and difficult to manage. Working with a Behavioral Experience Designer, an Ethos system designer, and multiple development teams, I led the creation of a modular megamenu framework that brought structure, accessibility, and long-term scalability to TIAA’s digital ecosystem.

Problem

TIAA’s navigation needed to scale across multiple business lines and audiences but was overloaded, inconsistent, and difficult to manage. Working with a Behavioral Experience Designer, an Ethos system designer, and multiple development teams, I led the creation of a modular megamenu framework that brought structure, accessibility, and long-term scalability to TIAA’s digital ecosystem.

Problem

TIAA’s navigation needed to scale across multiple business lines and audiences but was overloaded, inconsistent, and difficult to manage. Working with a Behavioral Experience Designer, an Ethos system designer, and multiple development teams, I led the creation of a modular megamenu framework that brought structure, accessibility, and long-term scalability to TIAA’s digital ecosystem.

Outcome

Beta testing showed strong results: content updates were 60% faster, page discoverability improved by 45%, and accessibility compliance reached 100%. The new Megamenu unified navigation across TIAA’s platforms, organizing hundreds of links into clear structures and enabling teams to manage updates with minimal developer support.

Faster content updates

60%

Boost in page discoverability

45%

Accessibility compliance

100%

Outcome

Beta testing showed strong results: content updates were 60% faster, page discoverability improved by 45%, and accessibility compliance reached 100%. The new Megamenu unified navigation across TIAA’s platforms, organizing hundreds of links into clear structures and enabling teams to manage updates with minimal developer support.

Faster content updates

60%

Boost in page discoverability

45%

Accessibility compliance

100%

Outcome

Beta testing showed strong results: content updates were 60% faster, page discoverability improved by 45%, and accessibility compliance reached 100%. The new Megamenu unified navigation across TIAA’s platforms, organizing hundreds of links into clear structures and enabling teams to manage updates with minimal developer support.

Faster content updates

60%

Boost in page discoverability

45%

Accessibility compliance

100%

What we built

Working closely with a Behavioral Experience Designer, an Ethos system designer, and multiple development teams, we created a modular, federated navigation framework. The system introduced a multi-column layout that organized content by user intent and business priority. It supported different layout configurations so each audience—consumer, institutional, and participant—could see navigation tailored to their needs. Responsive behavior was defined across all major breakpoints, and accessibility standards were built in from the start. Comprehensive Figma documentation provided variants, behaviors, and developer specs to ensure consistency across teams and future scalability.

What we built

Working closely with a Behavioral Experience Designer, an Ethos system designer, and multiple development teams, we created a modular, federated navigation framework. The system introduced a multi-column layout that organized content by user intent and business priority. It supported different layout configurations so each audience—consumer, institutional, and participant—could see navigation tailored to their needs. Responsive behavior was defined across all major breakpoints, and accessibility standards were built in from the start. Comprehensive Figma documentation provided variants, behaviors, and developer specs to ensure consistency across teams and future scalability.

What we built

Working closely with a Behavioral Experience Designer, an Ethos system designer, and multiple development teams, we created a modular, federated navigation framework. The system introduced a multi-column layout that organized content by user intent and business priority. It supported different layout configurations so each audience—consumer, institutional, and participant—could see navigation tailored to their needs. Responsive behavior was defined across all major breakpoints, and accessibility standards were built in from the start. Comprehensive Figma documentation provided variants, behaviors, and developer specs to ensure consistency across teams and future scalability.

What I learned

This project reinforced how critical navigation is as an enterprise system, not just a UI pattern. I learned the value of designing frameworks that support both user behavior and organizational needs—especially when multiple teams contribute content. Close collaboration with behavioral design and system partners proved essential in balancing clarity, flexibility, and governance. Most importantly, I saw how impactful a well-structured system can be in reducing friction for users while empowering teams to move faster with confidence.

What I learned

This project reinforced how critical navigation is as an enterprise system, not just a UI pattern. I learned the value of designing frameworks that support both user behavior and organizational needs—especially when multiple teams contribute content. Close collaboration with behavioral design and system partners proved essential in balancing clarity, flexibility, and governance. Most importantly, I saw how impactful a well-structured system can be in reducing friction for users while empowering teams to move faster with confidence.

What I learned

This project reinforced how critical navigation is as an enterprise system, not just a UI pattern. I learned the value of designing frameworks that support both user behavior and organizational needs—especially when multiple teams contribute content. Close collaboration with behavioral design and system partners proved essential in balancing clarity, flexibility, and governance. Most importantly, I saw how impactful a well-structured system can be in reducing friction for users while empowering teams to move faster with confidence.

Other Cases

Other Cases

Other Cases

Lets connect!

Copy Email

JeremyBellDesign © 2025

Got an idea in mind? Drop me a line!

Copy Email

JeremyBellDesign © 2025

Lets connect!

Copy Email

JeremyBellDesign © 2025