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 ->
copy
campaigns
brand

"There are two types of companies" from Fly.io round announcement

docs
call to action
developer experience

Flatfile docs office hours CTA

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy

developer experience

Updates modal from Discord

copy
developer experience
landing page
hero section

Axiom competitor-focused messaging

copy
developer experience
landing page

How fast you ship your roadmap?

blog
call to action
developer experience

In-text blog CTA from Planetscale

developer experience
social proof
landing page

Social proof from TailwindCSS homepage

developer experience
copy
blog
call to action

Developer-focused blog CTA from Snyk

copy
developer experience
social proof
landing page
hero section

Landing page header from MedusaJS