Product tour from Vercel

Developer Markepear testimonials

Interactive product tours are all the rage.

But how do you make them work for the dev audience?

How do you deal with:

  • Explain your complex dev tool value proposition quickly
  • Show both code and UI elements
  • Make devs feel great developer experience of your product
  • Push devs to the conversion action without being to pushy
  • And do all that without overwhelming

That is hard.

But Vercel somehow made it.

This is by far the best product tour I have seen so far.

What I love:

  • Great, clean navigation that lets me go back if I want to
  • They use their slogan "Develop, Preview, Ship" to reinforce the product message
  • They show both code and the UI
  • The CTAs are visible but subtle enough not to distract

This product tour is what dev tool startups will aspire to for years (or months ;) ) to come.

Mark my words.

  • See Vercel product tour
Browse 100+ examples like this ->
developer experience
docs
hero section

Docs header diagram from Hopsworks

developer experience
github
call to action
social proof

Sticky "star us on GitHub" from Posthog

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy

developer experience
landing page

Feature section design from TailwindCSS

developer experience
landing page

How it works as a timeline from SST

developer experience
landing page

1-2-3 how-to section from Appsmith

developer experience
copy
docs
landing page
hero section

Header search docs CTA from TailwindCSS

developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

developer experience
copy
vs competitor
landing page
pricing

Competitor comparison page from New Relic

social posts
linkedin
developer experience

Code + UI Linkedin post format