Motion Graphics

Ideas come to life in video

Explainer videos are a natural extension of our infographic design work where we help simplify complex ideas for the viewer to comprehend quickly and easily. In today’s world of increasingly short attention spans, videos are a great way to tell a story that is captivating and engaging.

Videos can be photo or illustration-based, and we are able to weave your brand visuals throughout for a professional and polished experience when you have an important concept to communicate. For example, animated videos can bring a business or impact model to life, or help your audience see how something works in a minute or two without having to read a lot of text. They can also build excitement around a brand, product, or idea.

Our services include:

  • Script development support and voice guidance
  • Storyboard development
  • Information/infographic design
  • Illustration
  • Animation and editing

A little movement adds a lot of visual interest, so we also design shorter animated graphics such as icons for your website or gifs for social media.

Website & Logo for MIT AeroAstro

AeroAstro homepage
AeroAstro homepage

Animated Illustrations

Some of the most fun elements to design on this site were the animated program icons. Inspired by aviation patches which are so unique to this field, we created seven illustrations that represent the work of each individual program. Each “patch” begins to move as the user hovers their mouse over the program image. We worked closely with the team at MIT to understand the work that is done in each area to create visuals and motion that were relevant and engaging for the user. The palette expands upon the original AeroAstro blue and brings in a pop of yellow, and each includes a thick outer border and dotted white line element for uniformity. The animated icons live on the homepage and a still version of the illustration lives on the individual program page, while the .gifs are a versatile asset that could be used on other materials including social media.

AeroAstro animated patch icons
AeroAstro animated patch icons

Explainer video for early cancer detection

Illustration and animation

The animation style in the video mirrors the monoline illustrations we drew for DetecTogether’s website. They incorporate selective, offset fills that add visual interest and color. In the video, we also incorporated an animated texture to the fill colors to add visual interest. The text was another opportunity to add motion and emphasis to key messaging.

The explainer video was first aired on television, was shown on a jumbotron at a baseball game, and is presented across multiple other media types so we worked with the client to ensure the video met all of the specifications for format, resolution, and time to ensure the optimal viewing experience.

See another explainer video

DetecTogether video playing on a jumbotron at a baseball park
DetecTogether video playing on a jumbotron at a baseball park

Explainer video for truck emissions reduction

Kleinman explainer video
Kleinman explainer video

Communicating the core idea

The focus of the explainer video was to make the core idea clear to the viewer within a few seconds. Our designer Kim solved this challenge by visualizing the idea in 2 different ways: as an infographic to introduce the high-level understanding and as an animated illustration to reiterate and add detail. Allowing the viewer to see the concept a couple of times emphasizes it and ensures it is clear.