Playground CTA in the navbar resources section from Prisma

Developer Markepear testimonials

Simple yet powerful CTA in the navbar resources section.

The resources section in the navbar is mostly navigational. Well, the entire navbar is ;)

But you always have that one action that is more impactful than others.  

💚 And I think that a Plauground  is a great option. You get people to see how your product works. You let people play with it and see for themselves.

Not many next actions can be as impactful as getting people to experience the product.

Especially if you are a heavier infra tool that people cannot really test out in that first session. I mean, you won't really create a realistic example of your core database in 15 minutes to see how that new tool that you just saw works.

🔥 Making this CTA "big and shiny" and showing a glimpse of what will happen after clicking is great too.

🤔 2 changes I'd test out:

  • Making the copy more descriptive performs better.  Like "Launch playground", "Play with Sandbox", or something around "Run an example project/app/environment".
  • Showing something more exciting about the product (or playground/tour) on that visual

But the core idea behind making the playground your core navbar resource section CTA is just great.

  • See Prisma website
Browse 100+ examples like this ->
campaigns
developer experience
copy
vs competitor
landing page

VS page format from Ably

developer experience
copy
docs
landing page
hero section

Header search docs CTA from TailwindCSS

developer experience
navbar

Navbar product tab design from Posthog

developer experience
call to action
blog

Newsletter subscribe CTA on Interrupt blog

blog
call to action

Blog CTA from Novu

developer experience
call to action
blog

Great article in-text CTA from DigitalOcean

copy
developer experience
social proof
landing page
hero section

Powerful landing page messaging from Flighcontrol

call to action
landing page
developer experience

Header with tabs from Appsmith

copy
call to action
product tour
product led growth
landing page

Axiom "Playground" CTA

developer experience
blog
call to action
social proof

Devy blog design from Bun