Designing Motion Graphics for Social Media

Social media motion has different rules than broadcast or cinema motion. The viewing context is different — a phone screen, often without audio, always with competition from adjacent content. The technical constraints are different. And the duration requirements are radically compressed.

Ignoring these differences and applying broadcast motion principles to social content is one of the most common mistakes I see in motion work.

The Silent Default

A large portion of social media video is watched without sound. Autoplay is common; audio is off by default on most platforms. This means that any motion content that relies on audio to carry meaning is communicating to a significant portion of its audience in a degraded state.

I design social motion to work completely without audio. Captions for any speech. Visual indicators for anything that audio would signal. The motion itself should carry the communication, not just accompany it.

When audio is added, it should enhance — not complete — the communication.

Duration Principles by Platform

Different platforms have different attention dynamics:

Instagram Stories/Reels: 6–15 seconds for optimal engagement. Every second must be earned.

Twitter/X video: 15–30 seconds. Hook in the first 3 seconds or lose the scroll.

YouTube pre-roll: You have 5 seconds before the skip button. The entire communication has to be front-loaded.

LinkedIn: More tolerance for longer duration (30–60 seconds) because the platform context rewards professional content, but the first 3 seconds still determine whether someone pauses.

I design to these platform durations, not to what feels right in a studio context.

Square and Vertical Formats

Broadcast trained designers for widescreen horizontal formats. Social media is square (1:1) or vertical (9:16). Content designed for 16:9 that's cropped to 1:1 or 9:16 without redesigning is almost always wrong — compositions that worked in widescreen don't survive the crop.

I design social content natively in the correct format for each platform, not as a repurposing exercise from other aspect ratios.

Captions as Design Elements

If content requires captions to communicate without audio, the captions need to be designed — not auto-generated. Caption design: font choice, size, positioning, color, background treatment. Captions that are afterthoughts produce poor results both aesthetically and functionally.

I integrate caption design into the motion design process, not as a post-production step.

File Format and Compression

Social platforms compress uploaded video aggressively. What looks crisp in the source file can look muddy after platform compression. I test every social video by uploading a test version and evaluating the platform-compressed result before finalizing.

Fine details, subtle gradients, and high-contrast fine lines are particularly vulnerable to compression artifacts. I simplify where necessary to survive the compression.