Pricing page header from Mux

Developer Markepear testimonials

Many dev tools have complex pricing and packaging.

Say your dev tool/platform has many product offerings.

And you offer usage-based pricing but also enterprise plans but also per-product options, and additional customizations.

But you want to present it in a way that is manageable for the developer reading your pricing page.

Mux solves it this way:

  • they direct people to the proper parts of the page in the header
  • they give self-served prospects a link to the calculator and metering
  • they give enterprise/high volume people a "talk to us" CTA
  • they give people who want just a single tool (not the whole platform) a CTA to a dedicated pricing page
  • they squeeze in a "start free" CTA + info about free credits
  • they give navigation to FAQ, features table, and the calculator

Extended headers on pricing pages are not common as they add friction.

But sometimes adding friction is exactly what you need to do.

Mux managed to make this page (and their offering) easy to navigate by adding a little bit of friction at the beginning.

Maybe you don't browse plans right away but at least you don't waste energy (and attention) on the parts of the page that doesn't matter to you.

Good stuff.

  • See Mux pricing
Browse 100+ examples like this ->
call to action
landing page
developer experience
hero section

Header with benchmarks from Bun

developer experience
landing page

1-2-3 how-to section from Appsmith

developer experience
docs

Devex in ReactJS documentation

developer experience
hero section

Pricing page header from Mux

developer experience
pricing

Cost calculator from Mux

developer experience
github
hero section

GitHub Repository Readme.md design from Prisma

developer experience

Updates modal from Discord

ads
developer experience
youtube
video

CircleCI code and UI presentation in video ad

landing page
developer experience
call to action

Benchmark section on homepage from Astro

developer experience
landing page

Auth0 developer portal Getting started cross-section