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

Presenting flexible self-served plan from Resend

developer experience
landing page section
landing page

How it works crossover from Mux

developer experience
social proof
landing page

Social proof from TailwindCSS homepage

developer experience
landing page section
landing page

Mongodb for developers section

copy
developer experience
landing page
hero section

Axiom competitor-focused messaging

landing page
developer experience
call to action

Integrations section on Meilisearch homepage

developer experience
call to action
blog

Great article in-text CTA from DigitalOcean

developer experience
landing page section
landing page

Auth0 developer portal: How it works diagram

developer experience
landing page
hero section

Algolia developer portal design

developer experience
blog
call to action
social proof

Devy blog design from Bun