Snyk navbar resources tab design

Developer Markepear testimonials

The "Resources" tab is the most loved and hated tab for developer marketers.

Ok so the common problem is that you have lots of different resources:

  • docs
  • product videos
  • meetup videos
  • recorded webinars
  • learning center guides
  • blog articles that don't talk about your product
  • and so much more stuff

You want to showcase them in the navbar but where do you put them?

Under product? Company? Docs?

How to make sure that people don't go to your blog to read about your product just to find out that you talk about the industry problems there?

Enter the "Resources" tab. The "Miscellaneous" of the navbar world.

And typically it is just crammed with all stuff that doesn't fit anywhere. Just like any respectable misc folder would.  

How do you deal with that?

Snyk approached it in a clear and logical way:

  • Add sub-navigation
  • Make it clear to devs which parts are about the product and which ones are not
  • They use "Using Snyk" and "Learn & Connect" that could be extended to "Using {Product} and "Learning {Category/Problem}"

I love this (and already stole the idea for our site).

  • See Snyk website
Browse 100+ examples like this ->
docs
call to action
developer experience

Flatfile docs office hours CTA

blog
call to action

JTBD blog post from WorkOS

copy
developer experience
call to action
landing page
hero section

Header content CTA from Plaid

developer experience
pricing
docs

Pricing in the docs from fly.io

developer experience
call to action
blog

Great article in-text CTA from DigitalOcean

developer experience
product tour
product led growth

Product tour from Vercel

developer experience
copy
pricing

Start Free Pricing plan from CircleCi

developer experience
landing page section
landing page

Mongodb for developers section

campaigns
developer experience
copy
vs competitor
landing page

VS page format from Ably

copy
pricing
developer experience

Retool pricing page copy