Skip to page content and links

Work

Brand Syntax -- Included Infographic Animation

A 30-second animated Lottie infographic for Brand Syntax and Included.ai, built from 123 layers in After Effects over a dozen iterations for a website.

Client: Brand-Syntax

Brand Syntax / Included.ai / 2021

A complicated story, one Lottie file.

My role: Motion design and Lottie production

Delivered: One 30-second Lottie animation (1920 x 1080, 60 fps) for the Included.ai website, plus the test versions that led to it

Tools: After Effects, Lottie (Bodymovin)

The brief

Brand Syntax needed a large, complex animation for the Included.ai website: an infographic showing how the product connects to the applicant tracking and HR systems its customers already use. The Drive folder holds logo sets for those systems and a saved reference page (PrivacyOps - Securiti).

The build

I went through ten numbered test exports, an "Included v11" and the final "Main Comp" between June 2 and June 15, 2021; the final file is dated February 2022. The first versions were image-heavy; v11 rebuilt the animation from shapes and pre-compositions, and the final version returned to the full 30 seconds with 34 pre-compositions and 123 layers. I also worked up two static pre-renders of the infographic (v1 and v2) and a DEI icon sheet before settling the approach.

The delivered experience

The final Lottie JSON is attached to this entry. Brand Syntax came back with positive feedback on the result.

Client feedback

"Working with Ilya on this project has been great. He's a very talented, capable designer/animator, and was able to take something conceptually challenging and turn it into exactly what we needed! We will definitely work with him again for motion graphics and animations that we need in the future." Brand Syntax

Project media

Brand Syntax: the infographic (on white)

Rendered from the delivered Lottie file on this page.

Have a project in mind?

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