CircleCI code and UI presentation in video ad

Developer Markepear testimonials

Showing code and UI in an explainer video is always a dance and rarely ends well.

You want to show the code to make it devy.
But you don't want to show everything not to overwhelm.

The same goes for UI which should look like your UI.
But show only what is necessary.

It's a struggle but CircleCI does it really nicely in this explainer:

  • They blur out all code
  • But use colors to make it really look like code
  • And the file sits clearly in a text editor (as it should)

They do the same for the UI later in the video.Just a really clean way of explaining things. Nice!

  • See the video on Youtube
Browse 100+ examples like this ->
social proof
developer experience

Case study in a single view from Resend

copy
developer experience
landing page
hero section

Axiom competitor-focused messaging

call to action
landing page
developer experience
hero section

Header with benchmarks from Bun

developer experience
copy
call to action
product led growth
landing page

Hero section CTA from Cypress.io

developer experience
blog
call to action

Article header from Teleport

copy
developer experience
landing page

How fast you ship your roadmap?

developer experience
call to action
blog

Developer-focused blog slide-in CTA from Snyk

developer experience
copy
call to action
landing page
hero section

Auth0 developers portal header

campaigns
developer experience
swag
brand

Promo T-shirt design from GitGuardian

campaigns
video

Cloudflare TV