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 ->
developer experience
pricing

Pricing plans structure from Postman

developer experience
vs competitor

RavenDB performance benchmark

hero section
copy

Neon header copy

developer experience
copy
blog
call to action

Developer-focused blog CTA from Snyk

developer experience
copy
social proof

Case study format from LaunchDarkly

landing page
developer experience
call to action

Benchmark section on homepage from Astro

developer experience
navbar
github

"Star us on GitHub" navbar design from Supabase

reddit
social posts
copy

Great Reddit post format

docs
call to action
developer experience

Flatfile docs office hours CTA

blog
call to action

Blog CTA from Novu