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 ->
navbar
landing page
call to action
product tour

Playground CTA in the navbar resources section from Prisma

landing page
developer experience
call to action

Integrations section on Meilisearch homepage

blog
call to action
seo

JTBD blog post from WorkOS

developer experience
copy
blog
call to action

Developer-focused blog CTA from Snyk

blog
developer experience
call to action

Blog CTA from v7

call to action
landing page
developer experience
hero section

Header with benchmarks from Bun

developer experience
call to action
blog

Developer-focused blog slide-in CTA from Snyk

copy
call to action
landing page
hero section

Great developer-focused CTAs from Plaid

copy
developer experience
call to action
landing page
hero section

Auth0 developer portal Hero section CTAs

blog
call to action

"Aside" call to action from Auth0