Navbars Organized by Persona Tabs (47)

Persona tabs split the navigation by audience, so each visitor self-selects into a path built for their role instead of scanning a flat list of links.

Key takeaways

  • Name the real role, not a vague Teams: Operations, Finance, Engineering.
  • Give each persona a one-line value cue so a visitor knows the path is theirs.
  • Run persona paths beside use-case and industry columns so every buyer finds a way in.

Showing 1–29 of 47 examples

Zendesk Navbar
Navbar|

Zendesk SaaS Navbar Design

Strapi Navbar
Navbar|

Strapi Developer Tools Navbar Design

SignOnSite Navbar
Navbar|

SignOnSite SaaS Navbar Design

Parabola Navbar
Navbar|

Parabola SaaS Navbar Design

Cal.com Navbar
Navbar|

Cal.com SaaS Navbar Design

Amplitude Navbar
Navbar|

Amplitude SaaS Navbar Design

Administrate Navbar
Navbar|

Administrate HR Tech Navbar Design

Zeda Navbar
Navbar|

Zeda SaaS Navbar Design

Sinch Navbar
Navbar|

Sinch Telecom Navbar Design

Rampmetrics Navbar
Navbar|

Rampmetrics SaaS Navbar Design

Pitch Navbar
Navbar|

Pitch SaaS Navbar Design

PandaDoc Navbar
Navbar|

PandaDoc SaaS Navbar Design

Instruqt Navbar
Navbar|

Instruqt Developer Tools Navbar Design

Foleon Navbar
Navbar|

Foleon SaaS Navbar Design

Conveo Navbar
Navbar|

Conveo AI Navbar Design

Contentsquare Navbar
Navbar|

Contentsquare SaaS Navbar Design

CompanyCam Navbar
Navbar|

CompanyCam SaaS Navbar Design

Calendly Navbar
Navbar|

Calendly SaaS Navbar Design

Bugherd Navbar
Navbar|

Bugherd SaaS Navbar Design

Ahrefs Navbar
Navbar|

Ahrefs SaaS Navbar Design

Yousign Navbar
Navbar|

Yousign SaaS Navbar Design

Webflow Navbar
Navbar|

Webflow SaaS Navbar Design

Tractian Navbar
Navbar|

Tractian IoT Navbar Design

TaxGPT Navbar
Navbar|

TaxGPT AI Navbar Design

Ramp Navbar
Navbar|

Ramp Fintech Navbar Design

Mo Navbar
Navbar|

Mo HR Tech Navbar Design

Livestorm Navbar
Navbar|

Livestorm SaaS Navbar Design

Later Navbar
Navbar|

Later SaaS Navbar Design

Iconosquare Navbar
Navbar|

Iconosquare SaaS Navbar Design

Didn't find the navbar you were looking for?

Browse every navbar pattern by UX best practice.

What it is

Persona tabs organize the navigation around who the visitor is, not around the product's feature list. Instead of one flat row of links, the bar or its dropdown splits into paths for each audience, so an operations lead and a finance buyer each follow a route built for their role. The navbar does the sorting the visitor would otherwise do in their head.

The pattern takes a few forms:

  • A Teams we serve column. A persona column inside the Solutions menu, listing roles like Operations, Finance and Engineering, each with a short value line. Parabola and Deel use this shape.
  • Top-level audience tabs. The bar itself split by audience, the way Later separates For enterprise brands, For social media managers and For creators. This suits a product with a handful of clearly distinct audiences.
  • A dedicated Who we serve menu. A whole dropdown built around the audience, as CompanyCam and Conveo do, so the role is the first thing a visitor picks.
  • Persona columns beside use-case and industry paths. Role routing next to other ways in, the way Strapi and SignOnSite let a visitor choose by team, by job or by market.

Why it matters

Most buyers arrive as a specific role with a specific problem. A menu built around the product's structure makes them translate that problem into the company's words before they can move. Persona tabs skip that step: the visitor sees their own job in the navigation and clicks.

The choice also tells the next page who it is talking to. A finance lead and an engineer want different proof, and once they have picked their path, the page can open with what that role cares about instead of a generic pitch.

How the best navbars do it

The best examples below name the actual role instead of hiding it behind a vague label. Parabola splits its menu into a Teams we serve column for Operations, Data and engineering, and Finance, each with one line on what that team gets. Amplitude routes by Team across Product, Data, Engineering, Marketing and Executive. Deel's By Teams column covers HR, Finance, Legal and IT with a one-line benefit each. SignOnSite and Instruqt put a By Role column beside a use-case column, so a director and a project manager can each find their own way in. What repeats is a label that names a job a real person holds, plus a line that confirms the path is theirs.

Persona routing rarely stands alone. The best navbars pair it with use-case tabs that let visitors self-route by the job they came to do and often anchor the dropdown with a featured highlight card that pulls a key story or offer into the menu. The complete navbar gallery shows the full range.

Parabola navbar section
Parabola does this well.

Common mistakes

Alteryx navbar section
Alteryx skips this.

The usual failure is a label so generic it names no one: a bare Teams or Enterprise tab tells a visitor nothing about whether the path is theirs. The second is a list of roles with no value line, so the visitor has to click each one to find out what it holds. The third is too many overlapping segments, where a buyer cannot tell which role fits and stalls on the choice.

Gabriel Amzallag

Curated by

Gabriel Amzallag , Founder, Web Anatomy

5 years CRO + SEO at Qonto (2021–2025). After advising 15+ SaaS on their websites (Payfit, Pigment…), the same patterns kept breaking, so I decided to build the source of truth on what works on the web: the intelligence layer every tool, builder, and team uses to ship sites that perform.

FAQ

Persona navigation, answered

The common questions about splitting the navbar by audience, with answers drawn from 47 scored examples.

How is a persona menu different from a use-case or industry menu?

01

They answer different questions. A persona column answers who are you (Marketing, Sales, Finance). A use-case column answers what are you trying to do (eSignatures, retention, lead generation). An industry column answers what market are you in (Retail, Healthcare, Financial Services). Running them side by side lets each visitor pick the way in that feels natural to them.

How many personas should the menu offer?

02

Enough to cover the roles that actually buy, few enough to scan in a couple of seconds. Near-identical segments make the choice harder, because the visitor has to work out which one is really theirs. Lead with the most common roles and let use-case or industry columns catch the visitors who do not think of themselves as a job title.