Waffles — stack of golden waffles, the unlikely metaphor for enterprise navigation
Korn Ferry · Product Suite · Navigation Strategy

Waffles.

The story of aligning and implementing a modern app-based navigation strategy.

Project Korn Ferry Product Suite — Global Navigation Redesign
My Role UX Lead — Research, Strategy, Prototype & Testing
Method Unmoderated Remote Usability Testing · 31 Participants · Validately
Scope Navigation Pattern · Waffle Menu · Headers · Upsell Integration
Overview

The Korn Ferry Product Suite navigation had a scalability problem. The solution was hiding in plain sight — inside every Google account.

As the enterprise product suite grew, so did the main navigation. Every new product release added another item to an already-crowded top bar. User behavior data told us something the nav didn't: people don't navigate section to section. They have a workflow, and they stick to it.

The waffle menu — that familiar 3×3 grid of dots used by Google, Microsoft, and LinkedIn — offered a scalable, recognized solution. The challenge wasn't the pattern itself. It was getting alignment, building the right prototypes, and proving it with data.

Current navigation — full product suite in top nav bar

What wasn't
working.

The existing navigation surfaced everything — which sounds good in theory but created real usability friction as the product suite expanded.

01
Scalability had become a concern Every new product release added to a main nav that was already running out of room. There was no graceful path forward within the existing pattern.
02
Users don't navigate section to section Behavioral data confirmed that users arrive at their subscribed product and stay there. Surfacing every other product in the main nav provided no real utility and created visual noise.
03
Utility navigation was becoming cluttered New offerings kept landing in utility nav as a fallback. The result was a disorganized secondary layer that diluted the distinction between core applications and peripheral tools.
"Language can be a barrier, while images are able to communicate volumes."
The case for icon-based navigation — and why the waffle earned its name

A pattern already trusted at scale.

The 3×3 grid of dots — used by Google, Microsoft Office 365, and LinkedIn — had already done the hard work of building user familiarity. Similar to the hamburger menu's trajectory, the waffle icon was becoming shorthand for "find more products here." Borrowing a recognized pattern reduces the learning curve and lends enterprise credibility.

What it solves

  • Scales gracefully as the product suite grows
  • Maintains focus on the user's subscribed workflow
  • Creates a natural home for upsell without disruption
  • Separates applications from utilities clearly

What to watch

  • Icon familiarity not yet universal in enterprise
  • Single icon carries full navigation responsibility
  • "Menu" label needed for initial transition period
Why the waffle — big brand examples: Google, Microsoft, LinkedIn
The Waffle Menu — Designed
Waffle menu design — enterprise and organization subscription views

Waffle menu open — subscribed applications + utilities + upsell panel for non-subscribed products

31 Total participants across both test groups
2 Prototypes tested in parallel
6 Tasks per participant including upsell navigation
4days Unmoderated remote sessions via Validately
Prototypes Tested
Prototype A vs Prototype B — waffle menu variations tested

Prototype A — Unlabelled

No text labels within the menu. Dashboard/Home and User Settings housed inside the waffle. Upsell apps represented with icons only — leaner, more visual, higher cognitive load.

Prototype B — Labelled ✓

Labels clearly separate application categories. Settings moved outside the menu to its own icon. Upsell area is more visual and descriptive — lower friction for exploration and conversion.

Study details — participant demographics, screener criteria, method

What the data decided.

"Menu" Label for Transition

Rather than relying on icon recognition alone, the waffle carries a "Menu" text label during the initial rollout period — reducing risk and easing the behaviour shift for existing users unfamiliar with the pattern.

Simplified Upsell Interface

The upsell panel within the waffle uses a cleaner, more visual interface that drives users toward additional product details without overwhelming the primary navigation experience.

Home Icon Added to Menu

A dedicated home icon within the waffle — in addition to the main KF logo — gives users a reliable, always-visible return path to their dashboard regardless of where they are in the product.

Applications vs Utilities

The waffle menu is structured in sections — separating core subscribed applications from utility tools. This creates hierarchy and helps users quickly scan to what they need without parsing an undifferentiated list.

Final waffle navigation — enterprise and organization subscription views

From 435px down
to 138px.

The existing collapsed navigation pattern required a large header area that ate into usable screen real estate. By integrating the new KF Digital Brand and restructuring the header, we brought content significantly higher on the page — letting users immerse in the product immediately, rather than scrolling past chrome to get to substance.

Eliminated collapsed navigation

Removed the pattern that forced users to expand a collapsed nav on every page load

Consistent across hub and interior pages

One header structure scales across every product in the suite, creating a unified experience

KF Digital Brand integration

The new header aligns with the refreshed brand identity, creating visual coherence across the full product suite

Header redesign — before and after, 435px reduced to 138px

What the
waffle taught me.

Alignment is the real design challenge

Proposing a navigation pattern was the easy part. Getting a large enterprise organisation to agree on changing something as fundamental as global navigation required research, prototypes, testing data, and patience. The waffle was always the right answer — but it needed to be proven, not just presented.

Borrow from the familiar

The strongest argument for the waffle menu wasn't our own prototype data — it was Google and Microsoft using it at scale. Existing user mental models are a design asset. When a pattern is already understood, you inherit its familiarity rather than building it from scratch.

Behavioral data beats assumption

The insight that users don't navigate section to section — that they arrive at their product and stay — fundamentally changed the argument for the waffle. The data made the case that surfacing everything in the main nav wasn't serving users. It was serving the organization's desire to be visible.

Test both, then decide

Running Prototype A and B in parallel with identical tasks was the right call. The labelled version won not because labels are always better — but because for enterprise users navigating unfamiliar patterns, language and structure reduce cognitive load at exactly the moment it matters most.