Skip to page content and links

Work

Encamp: Tier II Reporting Infographic

A 29-second animated infographic that walks through Encamp's Tier II reporting workflow, delivered as a Lottie file for the website plus video and GIF renders for ads, email and the sales deck.

Client: Encamp

Encamp / Tier II Reporting / 2021

A compliance workflow, one step at a time.

My role: Infographic design and animation, Lottie and video output

Delivered: A 1920×1080 Lottie file (29 seconds, 60 fps) with an HTML demo, MP4 and ProRes renders of the same piece, and an animated GIF

Tools: Illustrator, After Effects, Lottie (Bodymovin export)

The brief

Encamp makes environmental-compliance software. Its marketing team was looking for an interactive designer and animator to turn technical, complicated topics into clear storytelling for the website, email and social media, working alongside their marketing and graphic design staff. This piece explains how Encamp handles Tier II reporting.

The build

I laid out the infographic in Illustrator and animated it in After Effects inside a computer-screen frame. It moves through the Tier II Manager: a facility form with its steps (Basic Information, Regulatory, Products, Facility Contacts, State Information, Verify & Submit), a map of states grouped by reporting system (E-Plan, Tier2Submit or a state-specific system), submission to the SERC, LEPC and fire department, and finally report acceptance with fees paid. The interface screens are embedded in the Lottie as 24 images, so the file plays without any external assets. It went through four Lottie versions and a logo-intro test between October 25 and November 1.

The delivered experience

Version 4 of the Lottie, finished on November 1, 2021, is the file shown here. The MP4, ProRes and GIF renders of the same 29-second piece followed on November 11. In their review, Encamp said they would use it on the website, in ads and in the sales deck.

Client feedback

> Ilya was quick to respond and easy to work with. From the start of the project kick-off, through several revision requests, he was communicative and outgoing. We ended up with an interactive infographic that we'll be using on our website, in ads, and in the sales deck which will help us explain our application to potential customers.

— Anna Zimmerman & Julianna Meidell, Encamp

Project media

Encamp Tier II infographic (video)

MP4 render of the same piece for ads and presentations, 1920×1080, 29 s (3.2 MB).

Have a project in mind?

Explore motion design and interactive animation services, or get in touch about your project.