The Bottom Line Templates

The Creative Studio team I sat on at Block would create social assets for a series called The Bottom Line, a series for employees that features honest conversations with people about money. The first asset would be animated, a few designers on the team weren’t all too familiar with After Effects. So I built a template and workflow to make these assets more efficient. Before we would have to copy and paste the name and volume number over and over onto each asset, with this new flow we would just paste it in once and it is on all of the other assets. Also wrote documentation on how to use the components and template.

For the static templates, I made them in Figma using components. Pick from four color themes, enter the volume number, and name of who will be featured, an option for a subhead under their name, and toggle on or off where you would like the badge to be placed.

For the Affect Effects template, I made it so you only have to export a transparent png from Figma, drop that into your After Effects file then export the animation. No going into layers masking out images to fit or making sure the file is set up correctly.

In the demo below I used my dog as the subject.

Final Assets

For Instagram, the first and last card would be a video while the middle cards would be statics. For LinkedIn, we would use all static assets.

We also have two other banner sizes for internal posting.

A few of the social post links:
The Bottom Line Vol. 07: Instagram // LinkedIn
The Bottom Line Vol. 08: Instagram // LinkedIn

Previous
Previous

Comparing animations used for web

Next
Next

Marvel Strike Force