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
landing page
hero section

Auth0 header copy

reddit
social posts
copy

Great Reddit post format

blog
call to action

Blog CTA from Novu

copy
campaigns
hacker news
product launch

fly.io Hacker News launch description

developer experience
navbar
github

"Star us on GitHub" navbar design from Supabase

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header

ads
reddit
copy
social posts

Basic Reddit Ad from Kubero

campaigns
copy
developer experience
ads
reddit

"We blew our budget on X" format

hero section
copy

Neon header copy

copy
campaigns
vs competitor
blog

Convex vs Firebase blog