# What Is Motion Graphics? Meaning, Types, Examples and Marketing Uses > Motion graphics are graphic design set in motion. The meaning, how they differ from animation, types, real project examples, marketing uses and costs. - Author: Indra Hermawan, Technical Lead at PopOut (https://popout.id/author/indra-hermawan) - Published: 2021-03-02 - Updated: 2026-10-28 - URL: https://popout.id/article/content/the-role-of-motion-graphic-in-digital-marketing - Publisher: PopOut Digital Agency, Jakarta (https://popout.id) ## Key takeaways - Motion graphics are graphic design set in motion: animated text, icons, charts and illustrations, usually with music and narration, used to deliver a message or information. - Unlike character animation, motion graphics are built on graphic elements and information, while 2D or 3D animation usually tells a story through characters. - The types companies use most are explainer videos, training and safety videos, event bumpers, brand manifestos, animated infographics and social media content. - In marketing, motion graphics make complex ideas easier to grasp, catch attention in the feed, stay clear with the sound off and are easy to produce in many versions. - Motion graphics are a poor fit when the message depends on real people and places; there, live action or a mix of both works better. Motion graphics are graphic design set in motion: animated text, shapes, icons, charts and illustrations, usually combined with music, sound effects and narration to deliver a message or information clearly. The term is often shortened to *mograph*. You see them every day: TV show openers, app explainer videos, figures counting up in a bank ad, or text appearing line by line in a Reel. This guide explains what motion graphics are, how they differ from animation, the main types with examples from our own projects, their marketing uses, and how they are made and priced. ## What motion graphics are Motion graphics combine two fields: graphic design, which handles type, colour and layout, and animation, which adds movement and timing. The result is graphics that move with the story, so viewers can follow information one step at a time. The term *motion graphics* grew out of film. Designers such as Saul Bass created moving title sequences in the 1950s, and animator John Whitney founded a company called Motion Graphics Inc. in 1960. Today motion graphics are made with software and appear on almost every screen, from television and YouTube to stage screens and social media. ## How do motion graphics differ from animation? Motion graphics are a branch of animation, but the focus is different: - **Motion graphics** are built on graphic elements: typography, icons, diagrams, logos and data charts. The aim is to explain or reinforce a message. - **2D or 3D character animation** is built on characters that move, show emotion and interact in a story. The line is not always sharp. Many explainers use simple characters among icons and text, and many corporate videos combine camera footage with moving graphics. A full comparison of animation types is in our article on [types of animated video for business](https://popout.id/article/content/animation-video-making-services). ## The building blocks of motion graphics - **Kinetic typography.** Text that appears, moves or changes with the narration. - **Icons and illustration.** Simple images that stand for a product, a process or an idea. - **Charts and infographics.** Figures, diagrams and maps animated so they are easy to read. - **Transitions.** Movement between scenes that keeps the flow going. - **Colour and brand identity.** The company's palette, logo and typefaces used throughout. - **Audio.** Music, sound effects and voice-over that set the pace of the animation. ## Types of motion graphics, with examples These are the types companies use most, with examples from PopOut projects: - **Explainers and illustrated company profiles.** The whole video is built from illustration and animated text. An example is the [Hartono Elektronika company profile](https://popout.id/portfolios/hartono-company-profile-2015), 3 minutes 24 seconds of flat illustration in the brand's yellow, blue and white. - **Training and safety videos.** Long procedures are broken into visual steps. The [Pertamina Shipping safety measure video](https://popout.id/portfolios/pt-pertamina-shipping-safety-measure-2017) uses a guide character and diagrams of valves and pipes to explain cargo-ship operations. - **Event bumpers and openers.** Short title animations that open an event or segment, such as the 36-second [Bank Mandiri PORSENI 2019 bumper](https://popout.id/portfolios/porseni-bank-mandiri-2019) and the 17-second [BNI Workshop Keren Digital Operation opener](https://popout.id/portfolios/bni-workshop-keren-digital-operation-bumper-2020). - **Brand manifestos and new identities.** History, values and the meaning of a logo explained one by one. The [MSIG Life brand manifesto (2023)](https://popout.id/portfolios/msig-life-brand-manifesto-video-2023) used line-style motion graphics when Sinarmas MSIG Life became MSIG Life. - **Graphics over camera footage.** A presenter is filmed in the studio, then animated captions, icons and labels are added, as in the [Teachmint profile video](https://popout.id/portfolios/video-profile-teachmint). - **Animated infographics.** Report figures, performance data or survey results turned into moving charts and diagrams. - **Social media content and short ads.** Motion posts, animated text and ads of a few seconds for Instagram, TikTok and LinkedIn. ## Why motion graphics work in marketing 1. **They make complex ideas simple.** Financial services, apps or technical procedures are hard to film but easy to show with icons, diagrams and steps. 2. **They catch attention in the feed.** Movement makes people stop scrolling and watch longer. We explain more in [static posts get scrolled past, motion gets watched](https://popout.id/article/content/static-posts-get-scrolled-past-motion-gets-watched). 3. **They stay clear with the sound off.** Many videos are watched muted. Key messages shown as large text still get read. 4. **They are easy to update and version.** Figures, languages or screen sizes can change without a reshoot, so one video lasts longer. 5. **They stay on-brand.** Every colour, typeface and icon can follow the brand guidelines exactly. 6. **Costs are easier to control for abstract topics.** No locations, cast or shooting days. The cost depends on length and how detailed the illustration is. ## When are motion graphics the wrong choice? Motion graphics are weak when the message depends on trust in real people and places, such as customer testimonials, factory tours or introducing a team. There, camera footage is more convincing. The format companies use most is a mix: footage of real people and locations, reinforced with moving graphics for figures and key points. ## How are motion graphics made? 1. **Brief.** The goal, audience, key message, length and where the video will play. 2. **Script.** Narration or on-screen text, written to the target length. 3. **Storyboard and styleframes.** Scene sketches and a few sample frames of the visual style, approved before animation starts. 4. **Voice-over and music.** The recorded narration and music that set the timing of the animation. 5. **Animation.** Illustrations and text are animated, usually in Adobe After Effects; 3D elements are made in software such as Cinema 4D or Blender. 6. **Revisions and rendering.** Adjustments with the client, then final files in every screen size needed. ## Tips for effective motion graphics - **One message per scene.** When a scene carries three points, viewers usually remember one. - **Short, large text.** A few words per line, on screen long enough to be read twice. - **Sync movement to the narration.** A figure or icon appears exactly when it is mentioned, not before or after. - **Bring in the brand at the styleframe stage.** Agree colours, typefaces and icon style before animation starts, so revisions do not redo work. - **Design for where it plays.** Vertical versions for Reels and TikTok, text that works without sound for social media, and longer cuts for training. - **End with the next step.** A website address, contact or clear call to action in the final scene. ## How much do motion graphics cost? At PopOut, [motion graphics services](https://popout.id/services/video-production-services/motion-graphic-services) start from Rp5,000,000 per video. The final cost depends on length, how detailed the illustration is (icons and text are simpler than characters), voice-over, the number of language and screen-size versions, and rounds of revision. A comparison with other video types is in our [video production price guide](https://popout.id/article/content/prices-for-cinematic-video-production-services). ## Frequently asked questions ### What does mograph mean? Mograph is short for motion graphics, the same term for graphic design set in motion. ### What is a motion graphic designer? A motion graphic designer designs and animates graphics, from styleframes to the final animation. On larger productions they work with a scriptwriter, an illustrator and a sound designer. ### How long should a motion graphics video be? For ads and social media, 15 to 30 seconds. For explainers, about 60 to 90 seconds. Training or safety videos can run longer because the content has to be understood in full. ### What software is used to make motion graphics? The most common tools are Adobe After Effects for animation and Adobe Illustrator for the artwork. For 3D elements, software such as Cinema 4D or Blender is used. Need motion graphics for a product, report or event? See examples and prices on our [motion graphics services](https://popout.id/services/video-production-services/motion-graphic-services) page. For monthly social media content, see [animated social media design](https://popout.id/services/graphic-design-services/motion-animated-social-design-services).