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
vs competitor

Save time video format from Stoplight

developer experience
copy
vs competitor
landing page
pricing

Competitor comparison page from New Relic

blog
call to action
developer experience
brand

"Top of article" CTA on the blog from Eartlhy

video
youtube
ads
campaigns
brand

Postman "We did this" campaign video

developer experience
landing page section
landing page

Mongodb for developers section

developer experience
call to action
blog

Newsletter subscribe CTA on Interrupt blog

developer experience
call to action
blog

Developer-focused blog slide-in CTA from Snyk

ads
linkedin
social proof

V7 "testimonial" ad on Linkedin

ads
social posts
reddit

Reddit ad format from ClearML

call to action
landing page
developer experience

Header with tabs from Appsmith