Encamp Tier II infographic (Lottie V4)
Final Lottie, 1920×1080, 60 fps, 29 s, screens embedded.
Work
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.
Encamp / Tier II Reporting / 2021
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)
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.
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.
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.
> 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
Final Lottie, 1920×1080, 60 fps, 29 s, screens embedded.
MP4 render of the same piece for ads and presentations, 1920×1080, 29 s (3.2 MB).
Explore motion design and interactive animation services, or get in touch about your project.