Navbar product tab design from Posthog

Developer Markepear testimonials

How to design the navbar product tab? This is what @PostHog does ūüĎá

Figuring out what to put in the navbar is tricky:

  • How should you name tabs
  • What should go where
  • Should you have "resources" or divide it

The "Product" tab is especially tricky.

It can get overloaded with a ton of content.

  • Some teams put docs, and product videos there.
  • Some show features, integrations, and code examples.
  • Some go with solutions and per person per industry pages.
  • Some just put everything in there ;)

I like how Posthog approached it:

  • They use the word "features". Most devs like it more than other options.
  • They show the data stack with which the tools integrate. That is an important obstacle handler pretty much always.
  • They include customers in the product tab. Most devs want to see the product and may not go to the "customers" tab. This is a nice way to add social proof and increase conversion to user stories pages.
  • They show customer logos and the results they got from the product. Again more social proof without clicking out.
  • They use "customer stories" rather than "case studies" which again feels more devy .

I like it.

  • See Posthog homepage
Browse 100+ examples like this ->
call to action
landing page
developer experience
hero section

Header with benchmarks from Bun

developer experience
product tour
product led growth

Product tour from Vercel

developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

docs
call to action
developer experience

Flatfile docs office hours CTA

developer experience
pricing
docs

Pricing in the docs from fly.io

pricing
developer experience

Presenting flexible self-served plan from Resend

landing page
developer experience
call to action

Benchmark section on homepage from Astro

social proof
landing page
developer experience

Showing testimonials related to features from Appsmith

developer experience
landing page
hero section

Auth0 developer portal hero section visual

developer experience
call to action
blog

Great article in-text CTA from DigitalOcean