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 ->
video
youtube
ads
campaigns
brand

Postman "We did this" campaign video

developer experience
product tour
product led growth

Product tour from Vercel

copy
developer experience
social proof
landing page
hero section

Powerful landing page messaging from Flighcontrol

developer experience
landing page
hero section

Algolia developer portal design

developer experience
landing page
hero section

Header design from Iterative.ai

blog
call to action
developer experience

In-text blog CTA from Planetscale

developer experience
landing page
hero section

Auth0 developer portal hero section visual

developer experience
landing page

Before / After design from AhoyConnect

ads
copy

Trieve newsletter sponsorship ad

copy
developer experience
social proof
landing page
hero section

Landing page header from MedusaJS