Vercel NEXT.js conf registration CTA

Developer Markepear testimonials

How to promote your important company event? How about right there in the header.

A typical approach to promoting events on your site is to have them in the Hello bar (right above the navbar). This is a solid option of course.

But what if this is a super duper important event that you really want to push?

Put it in the header.

The header is the most viewed part of the most visited page on your site.

Doesn't get much better than that.

But you don't want to distract people from your value propositions and main CTAs too much.

How do you do that?

This is how Vercel did with last year's NEXT.js conf.

  • above the H1 headline so as not to break the flow
  • prominent but not more distracting than it needs to be
  • has conference logo, crystal clear copy, and an event CTA

Nice execution on that pattern.

  • See website
Browse 100+ examples like this ->
call to action

Vercel NEXT.js conf registration CTA

navbar
landing page
call to action
product tour

Playground CTA in the navbar resources section from Prisma

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy

developer experience
call to action
blog

Great article in-text CTA from DigitalOcean

developer experience
github
call to action
social proof

Sticky "star us on GitHub" from Posthog

developer experience
blog
call to action
social proof

Devy blog design from Bun

developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

call to action
landing page
developer experience
hero section

Header with benchmarks from Bun

call to action
landing page
developer experience

Header with tabs from Appsmith

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header