{"id":20056,"date":"2022-05-24T06:52:26","date_gmt":"2022-05-24T06:52:26","guid":{"rendered":"https:\/\/www.designmantic.com\/blog\/?p=20056"},"modified":"2025-04-28T10:16:44","modified_gmt":"2025-04-28T10:16:44","slug":"motion-graphics-for-brand-design","status":"publish","type":"post","link":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/","title":{"rendered":"How, When and Where Motion Graphics Work: Notch Up Your Brand Design!"},"content":{"rendered":"<p>Modern digital experience, especially when we go online, is inundated with motion graphics. Every time you sign in to your Gmail, a progress bar appears taking you from the username page to the password page.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20064\" title=\"Google Processing\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Google-Processing.gif\" alt=\"Google Processing\" width=\"600\" height=\"338\"><\/p>\n<p>Its motion tells us something. That our request is being processed and we\u2019ll be signed in to our account shortly. <a href=\"https:\/\/www.designmantic.com\/blog\/interactive-media\/9-principles-of-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Movement is one of the essentials of design<\/a>. As instant gratifications come, this animated progress bar helps us stay calm and indicates to us that we won\u2019t have to wait for long.<\/p>\n<p>The little checkmark that we see at the end of our Instagram feed is also a motion graphic. It even comes with a message to further make things clear.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20062\" title=\"Instagram Tick Icon\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Instagram-Tick-Icon.gif\" alt=\"Instagram Tick Icon\" width=\"600\" height=\"338\"><\/p>\n<p>There\u2019s a reason motion graphics have taken over the internet. In the content-driven world of today\u2019s digital marketing, survival depends on creating the most engaging, share-worthy content. Get as many eyeballs and clicks to it as you can. To do that, you have to give your content the pizzazz that sets it apart from everything else \u2013 makes people stop mid-scroll, and decide to spend time with it.<\/p>\n<div style=\"margin-top: 40px; margin-bottom: 40px;\" align=\"center\"><a class=\"cta-button\" href=\"https:\/\/www.designmantic.com\/logos\/search?utm_source=when-to-use-motion-graphics&amp;utm_medium=topbutton&amp;utm_campaign=ctatracking\" target=\"_blank\" rel=\"noopener noreferrer\">Create A Logo<\/a><\/div>\n<p>Motion graphics do that with great efficiency. Great results, every time.<\/p>\n<h2>But Here\u2019s The Thing.<\/h2>\n<p>Just because (and specifically because) something is working doesn\u2019t mean you have to go for the overkill. To maintain its appeal, you have to be more restrained and <a href=\"https:\/\/www.designmantic.com\/blog\/motion-graphics-design-strategy\/\" target=\"_blank\" rel=\"noopener noreferrer\">implement a clear motion design strategy<\/a>.<\/p>\n<p>In this article, we will briefly cover the basics for those new to motion design, and then we\u2019ll jump straight to exploring purposeful and intentional uses of motion design that produce the most fantastic impact.<\/p>\n<h2>Let\u2019s get the definition out of the way.<\/h2>\n<p>Scroll ahead if you think it\u2019s too basic but like I said, I have to cover it for people who may be new to the whole motion graphics thing.<\/p>\n<p>Motion graphics are icons, buttons, geometric images, and other graphics that come to life when animation is applied to them. Animation literally means lively, life-like. So, to produce motion graphics, we use <a href=\"https:\/\/desygner.com\/animator\/\" target=\"_blank\" rel=\"noopener noreferrer\">animation techniques<\/a> to make our graphics move, dance, morph, jump, slide, and do all sorts of athletics, dramatics, and theatrics. It\u2019s quite fun.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"alignnone wp-image-20074\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Types-of-MotionGraphic.gif\" alt=\"Types of Motion Graphic\" title=\"Types of Motion Graphic\" width=\"600\" height=\"338\"><\/p>\n<h2>Again, very basic, but how is motion design different from animation? In bullet points, please.<\/h2>\n<p>Let\u2019s do you one better than bullet points. Here\u2019s a pristine table to clarify everything up.<\/p>\n<p>Full disclaimer: trying to form a distinction between these two is like splitting hairs, but for the sake of understanding motion graphics a bit better, here you go.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20060\" title=\"Animation vs Motion Design\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Animation-vs-Motion-Design.jpg\" alt=\"Animation vs Motion Design\" width=\"600\" height=\"600\" srcset=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Animation-vs-Motion-Design.jpg 1000w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Animation-vs-Motion-Design-300x300.jpg 300w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Animation-vs-Motion-Design-150x150.jpg 150w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Animation-vs-Motion-Design-768x768.jpg 768w, https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Animation-vs-Motion-Design-50x50.jpg 50w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Examples of animation are cartoons, TV shows, animated movies (Lion King, Frozen, Toy Story, and such), and music videos, etc. Examples of motion graphics include movable infographic templates, <a href=\"https:\/\/www.svgator.com\/svg-logo-animation-maker\" target=\"_blank\" rel=\"noopener noreferrer\">logo animations<\/a>, explainer videos, and advertisements, etc.<\/p>\n<h2>When To Use Motion Graphics To Create That A-HA! Moment<\/h2>\n<h3>1. When You Want People To Stop And Pay Attention<\/h3>\n<p>When people are scrolling away on their devices, it\u2019s hard to get their attention. Social media algorithms are designed to keep us glued to our favorite apps by bombarding us with our favorite content presented in thousands of different ways.<\/p>\n<p>It\u2019s hard to break the scroller\u2019s stride. But with motion graphics, you have a chance.<\/p>\n<p align=\"center\">\n<\/p><blockquote class=\"instagram-media\" style=\"background: #FFF; border: 0; border-radius: 3px; box-shadow: 0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width: 540px; min-width: 326px; padding: 0; width: calc(100% - 2px);\" data-instgrm-captioned=\"\" data-instgrm-permalink=\"https:\/\/www.instagram.com\/p\/Cdqe1WKL7vA\/?utm_source=ig_embed&amp;utm_campaign=loading\" data-instgrm-version=\"14\">\n<div style=\"padding: 16px;\">\n<div style=\"display: flex; flex-direction: row; align-items: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;\">&nbsp;<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;\">&nbsp;<\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<div style=\"padding: 19% 0;\">&nbsp;<\/div>\n<div style=\"display: block; height: 50px; margin: 0 auto 12px; width: 50px;\">&nbsp;<\/div>\n<div style=\"padding-top: 8px;\">\n<div style=\"color: #3897f0; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: 550; line-height: 18px;\">View this post on Instagram<\/div>\n<\/div>\n<div style=\"padding: 12.5% 0;\">&nbsp;<\/div>\n<div style=\"display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;\">\n<div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);\">&nbsp;<\/div>\n<div style=\"background-color: #f4f4f4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;\">&nbsp;<\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);\">&nbsp;<\/div>\n<\/div>\n<div style=\"margin-left: 8px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;\">&nbsp;<\/div>\n<div style=\"width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg);\">&nbsp;<\/div>\n<\/div>\n<div style=\"margin-left: auto;\">\n<div style=\"width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);\">&nbsp;<\/div>\n<div style=\"background-color: #f4f4f4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);\">&nbsp;<\/div>\n<div style=\"width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;\">\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;\">&nbsp;<\/div>\n<div style=\"background-color: #f4f4f4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;\">&nbsp;<\/div>\n<\/div>\n<p style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 0; margin-top: 8px; overflow: hidden; padding: 8px 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap;\"><a style=\"color: #c9c8cd; font-family: Arial,sans-serif; font-size: 14px; font-style: normal; font-weight: normal; line-height: 17px; text-decoration: none;\" href=\"https:\/\/www.instagram.com\/p\/Cdqe1WKL7vA\/?utm_source=ig_embed&amp;utm_campaign=loading\" target=\"_blank\" rel=\"noopener noreferrer\">A post shared by Pato A. Molina E. &#x270c;&#xfe0f; (@patomolinae)<\/a><\/p>\n<\/div>\n<\/blockquote>\n<p><script async=\"\" src=\"\/\/www.instagram.com\/embed.js\"><\/script><\/p>\n<p>Your content becomes brighter, more visual. There\u2019s emotion to it now as well, which is <a href=\"https:\/\/www.designmantic.com\/blog\/interactive-media\/ux-design-tips-maximize-conversion\/\" target=\"_blank\" rel=\"noopener noreferrer\">critical for conversion<\/a>. The delivery is swift, information is now in bite-sized chunks, and much simpler. Instead of reading (skimming, more like) a 2000-word article, you now have theatrical icons and text imparting the same information in just a 10-sec video.<\/p>\n<p>In a long feed of long articles, static photos, and loud videos, the brevity and perkiness of motion design helps break the monotony. So, for example, you have to produce an explainer video. You can do that by using real people with a lot of dialogue, but if make the whole thing in motion graphics, the effect is much charming, original, and again, simple to understand.<\/p>\n<p><a href=\"https:\/\/www.youtube.com\/watch?v=Fr8tHZr6XyY\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Dropbox did it back in 2009<\/a> and brought over more than 10 million signups and $48 million in revenue.<\/p>\n<h3>2. For Breathing Life Into Stoic Logos<\/h3>\n<p>As a graphic design company, we tell our clients all the time that their <a href=\"https:\/\/www.designmantic.com\/blog\/photography-logo-colors\/\" target=\"_blank\" rel=\"noopener noreferrer\">logos have to tell a story<\/a>. The first time your audience meets your logo design, there has to be an instant connection and an immediate understanding. With stoic, still logos, it\u2019s hard to form either. Motion graphics breathe that much-needed life in still, silent logos.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20061\" title=\"DesignMantic Logo Animation\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/DesignMantic-Logo-Animation.gif\" alt=\"DesignMantic Logo Animation\" width=\"600\" height=\"338\"><\/p>\n<p>Suddenly, a simple graphic becomes more animated, more exciting. There arrives an element of surprise, joy, awe, and if you are lucky, a few happy chuckles, too.<\/p>\n<p>While we all love our Apple and Nike logos, won\u2019t it be fun to see Nike\u2019s swoosh making that checkmark sign? Or watching that bite be taken from Apple\u2019s logo with a satisfying crunch sound? Motion graphics also allow the brand logo to share what the company does and what it plans to deliver.<\/p>\n<p align=\"center\"><a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/16-reasons-website-is-so-slow\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"wp-image-20069\" title=\"Why your website is slow\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Why-your-website-is-slow.gif\" alt=\"Why your website is slow\" width=\"600\" height=\"232\"><\/a><\/p>\n<p>With motion graphics promising to make simple logos into brilliant pieces of engaging content, it boggles my mind how not every brand is making their logos sing and move.<\/p>\n<h3>3. To Illustrate A Point Or Emphasize A Fact<\/h3>\n<p>Basically, I\u2019m referring to data visualization here. For many companies, the largest chunk of their content is data. Finance, medicine, non-profits, research organizations, and countless others. Data is how they get more customers, more donations, or more support. So these companies invest heavily into <a href=\"https:\/\/www.designmantic.com\/blog\/infographics\/infographic-design-ideas\/\" target=\"_blank\" rel=\"noopener noreferrer\">data visualizations to communicate their messages<\/a> more clearly. Not only the data becomes much more understandable that way, but much more shareable, too.<\/p>\n<p>So what happens when you throw motion design into the mix as well?<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20068\" title=\"Data Animation\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Data-Animation.gif\" alt=\"Data Animation\" width=\"600\" height=\"450\"><br>Image Source: <a href=\"https:\/\/dribbble.com\/shots\/2178122-Data-Animation\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">dribbble\/Dialogue Theory<\/a><\/p>\n<p>The meaning becomes more simplified. There\u2019s hierarchy added to it now. Users can look at it and understand how the information is flowing and how the facts stack up against each other in the context of importance.<\/p>\n<p>There is interaction, too. Depending on how much work you\u2019ve done on your animated data, you can invite users to click on various parts of it and see the information move, expose other data, or clarify a point.<\/p>\n<h3>4. Use It To Drive Home Social Justice Messages<\/h3>\n<p>The fact that social justice conversations are vital does not take away anything from the reality of them being heavy, emotional, raw, and draining. Systematic change doesn\u2019t come easy, and those who fight for it also face the challenge of suffering activism fatigue and burnout.<\/p>\n<p>Those who <a href=\"https:\/\/www.designmantic.com\/blog\/black-lives-matter-hashtags-and-graphic-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">create social activism content<\/a> need to remember that people are already exposed to so much of it. Making it more graphic may add to the fatigue. To keep these conversations lightweight but still impactful, motion graphics present the most efficient solution.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20066\" title=\"Shooting Justice\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Shooting-Justice.gif\" alt=\"Shooting Justice\" width=\"600\" height=\"450\"><br>Image Source: <a href=\"https:\/\/dribbble.com\/shots\/12009616-Shooting-Justice\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">dribbble\/Lina Che<\/a><\/p>\n<p>Motion in design allows the message to be more layered and nuanced. Compared to a static poster, for example, you can cover more than one angle of a social issue in a motion design graphic. In under three seconds, you can tell an entire story.<\/p>\n<p align=\"center\"><img decoding=\"async\" class=\"wp-image-20065\" title=\"Blocking Social Networks\" src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Blocking-Social-Networks.gif\" alt=\"Blocking Social Networks\" width=\"600\" height=\"450\"><br>Image Source: <a href=\"https:\/\/dribbble.com\/shots\/7322008-Blocking-Social-Networks\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">dribbble\/Jok\u016bbas<\/a><\/p>\n<p>With algorithms letting only the most shareable content rise to the top, you have to take everything you can get to make people click the heck out of the share button when they see your social justice content.<\/p>\n<h3>5. To Make People Laugh And Bring Longevity To Your Content<\/h3>\n<p>Humor is the easiest way to get people\u2019s attention. It\u2019s a great ice-breaker, an effective diplomacy tool, and the key to make people like you. If you can make them laugh, they\u2019ll remember you. This stuff is gold when you apply it to content. Internet users continuously report <a href=\"https:\/\/smallbiztrends.com\/2018\/08\/2018-social-media-marketing-statistics.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">engaging with humorous content the most<\/a>. While your funny content can be perfectly motionless, won\u2019t it be more fun to shake things up a bit \u2013 quite literally?<\/p>\n<p align=\"center\"><video src=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/Bad-gateway.mp4\" autoplay=\"autoplay\" loop=\"loop\" muted=\"muted\" width=\"600\" height=\"auto\"><\/video><br>Image Source: <a href=\"https:\/\/dribbble.com\/shots\/17923745-Bad-gateway\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">dribbble\/Eugene Weiss<\/a><\/p>\n<p>You can also use motion design for your error messages, broken links, and other feedback communication. Turn those boring pages into fun marketing assets. You can also incorporate comedy \u2013 or just inject a bit of it \u2013 in your branding, writing, and the overall brand personality. Make it a part of who you are as a cohesive brand.<\/p>\n<h3>Conclusion<\/h3>\n<p>Everyone agrees that motion design makes the content hundred times better. But to use this potent tool for maximum impact, a more intentional approach is needed. You can\u2019t hope to achieve the same jaw-dropping and manic-tapping of the Share button every time you release a GIF or a motion design feature on your website. Do it with restraint, keep \u2018em asking for more, and continue making magic you\u2019re your content.<\/p>\n\n\n<figure class=\"wp-block-gallery columns-0 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><\/ul><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Modern digital experience, especially when we go online, is inundated with motion graphics. Every time you sign in to your Gmail, a progress bar appears taking you from the username page to the password page. Its motion tells us something. &hellip; <a href=\"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":20076,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[262],"tags":[],"class_list":["post-20056","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Motion Graphics To Notch Up Your Brand Design | DesignMantic: The Design Shop<\/title>\n<meta name=\"description\" content=\"What are motion graphics? When do they make the most sense? Context-based strategic uses of motion design help create content that rises to the top \u2013 every time.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion Graphics To Notch Up Your Brand Design | DesignMantic: The Design Shop\" \/>\n<meta property=\"og:description\" content=\"What are motion graphics? When do they make the most sense? Context-based strategic uses of motion design help create content that rises to the top \u2013 every time.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/\" \/>\n<meta property=\"og:site_name\" content=\"DesignMantic\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DesignMantic\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-24T06:52:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-28T10:16:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/MotionGraphics1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"418\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Evan Brown\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/EvanBrownDM\" \/>\n<meta name=\"twitter:site\" content=\"@designmantic\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Evan Brown\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion Graphics To Notch Up Your Brand Design | DesignMantic: The Design Shop","description":"What are motion graphics? When do they make the most sense? Context-based strategic uses of motion design help create content that rises to the top \u2013 every time.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/","og_locale":"en_US","og_type":"article","og_title":"Motion Graphics To Notch Up Your Brand Design | DesignMantic: The Design Shop","og_description":"What are motion graphics? When do they make the most sense? Context-based strategic uses of motion design help create content that rises to the top \u2013 every time.","og_url":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/","og_site_name":"DesignMantic","article_publisher":"https:\/\/www.facebook.com\/DesignMantic","article_published_time":"2022-05-24T06:52:26+00:00","article_modified_time":"2025-04-28T10:16:44+00:00","og_image":[{"width":750,"height":418,"url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/MotionGraphics1.jpg","type":"image\/jpeg"}],"author":"Evan Brown","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/EvanBrownDM","twitter_site":"@designmantic","twitter_misc":{"Written by":"Evan Brown","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#article","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/"},"author":{"name":"Evan Brown","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0"},"headline":"How, When and Where Motion Graphics Work: Notch Up Your Brand Design!","datePublished":"2022-05-24T06:52:26+00:00","dateModified":"2025-04-28T10:16:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/"},"wordCount":1494,"commentCount":0,"publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/MotionGraphics1.jpg","articleSection":["Graphic Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/","url":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/","name":"Motion Graphics To Notch Up Your Brand Design | DesignMantic: The Design Shop","isPartOf":{"@id":"https:\/\/www.designmantic.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#primaryimage"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/MotionGraphics1.jpg","datePublished":"2022-05-24T06:52:26+00:00","dateModified":"2025-04-28T10:16:44+00:00","description":"What are motion graphics? When do they make the most sense? Context-based strategic uses of motion design help create content that rises to the top \u2013 every time.","breadcrumb":{"@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#primaryimage","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/MotionGraphics1.jpg","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2022\/05\/MotionGraphics1.jpg","width":750,"height":418,"caption":"Motion Graphics"},{"@type":"BreadcrumbList","@id":"https:\/\/www.designmantic.com\/blog\/motion-graphics-for-brand-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Graphic Design","item":"https:\/\/www.designmantic.com\/blog\/category\/graphic-design\/"},{"@type":"ListItem","position":2,"name":"How, When and Where Motion Graphics Work: Notch Up Your Brand Design!"}]},{"@type":"WebSite","@id":"https:\/\/www.designmantic.com\/blog\/#website","url":"https:\/\/www.designmantic.com\/blog\/","name":"DesignMantic","description":"","publisher":{"@id":"https:\/\/www.designmantic.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.designmantic.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.designmantic.com\/blog\/#organization","name":"DesignMantic","url":"https:\/\/www.designmantic.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","contentUrl":"https:\/\/www.designmantic.com\/blog\/wp-content\/uploads\/2020\/08\/DesignMantic-Logo.png","width":300,"height":58,"caption":"DesignMantic"},"image":{"@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DesignMantic","https:\/\/x.com\/designmantic"]},{"@type":"Person","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/6391d01ed964b5a1184066a18d5bb7f0","name":"Evan Brown","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.designmantic.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f661793780701b84d700350db08494bbbc69f4a5a52f3d53abb33f6190085f8?s=96&d=mm&r=g","caption":"Evan Brown"},"description":"Evan is an Expert in Digital Marketing. He has been working in the social media space since 2008, with a focus on design services, user interface planning, branding and more. Currently, he is leading content marketing efforts at DesignMantic and has played an integral part in the success story of DesignMantic through strategic marketing campaigns. Evan is also a design pro, who has shown a predilection towards DIY design projects.","sameAs":["https:\/\/x.com\/https:\/\/twitter.com\/EvanBrownDM"],"url":"https:\/\/www.designmantic.com\/blog\/author\/evan-brown\/"}]}},"_links":{"self":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/20056","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/comments?post=20056"}],"version-history":[{"count":17,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/20056\/revisions"}],"predecessor-version":[{"id":24535,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/posts\/20056\/revisions\/24535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media\/20076"}],"wp:attachment":[{"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/media?parent=20056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/categories?post=20056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.designmantic.com\/blog\/wp-json\/wp\/v2\/tags?post=20056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}