.h2infographic { color:#1fffcb; font-weight:900; }

TechCrunch Loading Screen
Animated Example

Here’s an example of a corporate loading animation, TechCrunch. This loading screen animation (some might call it a GIF) is shown here in JSON format for the web. Corporate branded logos are ideal for standing out from the crowd and increased engagement. 

This logo animation was recreated to mirror TechCrunch’s logo animation and was created within the Adobe After Effects Software. 

GIF Format Misconception

This recreation, in a different color, of Reddit’s loading screen is actually not a GIF unlike some may think. It’s in JSON format for the web, making it leaps and bounds more efficient for the web and app development (more on the benefits in the section below).  If you’re looking to read more about JSON animations, feel free to find more here. 

Benefits of JSON Format

Speed & Transparency. 

These two factors sum up the benefits of JSON vs. a GIF animation. JSON is about 100x smaller than a GIF and supports full background transparency. This means that no matter what color your background of your site is, the animation will overlay on top without the clunky borders. 

Need an Animated Finance Graph or Chart?

Looking for something similar or have questions about custom animations?. I’d be glad to chat further about your project or start something similar for you.