{"id":1815,"date":"2022-08-15T10:09:11","date_gmt":"2022-08-15T10:09:11","guid":{"rendered":"http:\/\/localhost\/bcblog\/?p=1815"},"modified":"2022-11-12T13:08:06","modified_gmt":"2022-11-12T13:08:06","slug":"understanding-motion-graphics-in-web-design","status":"publish","type":"post","link":"https:\/\/bcdesignhaus.com\/blog\/understanding-motion-graphics-in-web-design\/","title":{"rendered":"Understanding Motion Graphics in Web Design"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\"><strong>Your Week in Review<\/strong><\/h1>\n\n\n\n<p>Welcome to the&nbsp;Haus&nbsp;Report, your weekly dose of design, business, and leadership news, from&nbsp;<a href=\"https:\/\/bcdesignhaus.us8.list-manage.com\/track\/click?u=efa6198c170a18f04f3afc2f2&amp;id=094aac8a78&amp;e=86c3326ed0\" target=\"_blank\" rel=\"noreferrer noopener\">BC&nbsp;Design&nbsp;Haus<\/a>.&nbsp;<\/p>\n\n\n\n<p>In this issue, we&#8217;ll chat about how to leverage motion graphics for web design, the impact of&nbsp;the creator economy, why marketing goals should be tied to strategic planning, and ways to make the hybrid work model work for all your employees.&nbsp;Let&#8217;s dig into it!&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1.png\" alt=\"\" class=\"wp-image-1816\" srcset=\"https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1.png 1024w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1-300x200.png 300w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1-768x512.png 768w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1-800x533.png 800w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1-550x366.png 550w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-3-1024x682-1-901x600.png 901w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/bcdesignhaus.us8.list-manage.com\/track\/click?u=efa6198c170a18f04f3afc2f2&amp;id=cd9a60e14e&amp;e=86c3326ed0\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Understanding Motion Graphics in Web Design<\/strong><\/a><\/figcaption><\/figure>\n\n\n\n<p>Let\u2019s start by defining exactly what motion graphics are.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Want your sparkling new logo to spin into position at the beginning of a video?&nbsp;<strong>Motion graphics.<\/strong><br>&nbsp;<\/li>\n\n\n\n<li>Want the bars on your fancy Excel spreadsheet to slide in one by one?&nbsp;<strong>Motion graphics.<\/strong><br>&nbsp;<\/li>\n\n\n\n<li>Remember the yellow scrolling text at the beginning of Star Wars?&nbsp;<strong>Yep, motion graphics.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Simply put, it\u2019s the movement of graphic design through time and space. Pretty cool, right?<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"606\" data-id=\"1817\" src=\"https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1024x606.png\" alt=\"\" class=\"wp-image-1817\" srcset=\"https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1024x606.png 1024w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-300x177.png 300w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-768x454.png 768w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1536x908.png 1536w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-2048x1211.png 2048w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1440x852.png 1440w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-800x473.png 800w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-550x325.png 550w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1920x1136.png 1920w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1826x1080.png 1826w, https:\/\/bcdesignhaus.com\/blog\/wp-content\/uploads\/2022\/08\/unnamed-4-1014x600.png 1014w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p>What\u2019s The Purpose of Adding Motion Graphics to a Website?<\/p>\n\n\n\n<p><strong>It helps brands stand out &amp; improves conversion.&nbsp;<\/strong><br>By adding beautiful animation to your website, it\u2019s a sure-fire way to stand out from the competition leaving the user with a memorable experience. It also keeps the user engaged for longer increasing the likelihood of conversion.<\/p>\n\n\n\n<p><strong>It makes websites more intuitive &amp; easy to navigate.&nbsp;<\/strong><br>One of the biggest advantages of using motion graphics is that it attracts the user\u2019s attention. When used appropriately, users are able to build a mental model of how the system works and how they interact with it.<\/p>\n\n\n\n<p><strong>It adds an element of fun &amp; makes the UI more pleasing to look at.<\/strong><br>Motion graphics are really good at conveying a brand\u2019s personality, which is important for building positive user experiences, brand likability, and loyalty.<\/p>\n\n\n\n<p><a href=\"https:\/\/bcdesignhaus.us8.list-manage.com\/track\/click?u=efa6198c170a18f04f3afc2f2&amp;id=f8a186ed0f&amp;e=86c3326ed0\" target=\"_blank\" rel=\"noreferrer noopener\">Read More<\/a><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your Week in Review Welcome to the&nbsp;Haus&nbsp;Report, your weekly dose of design, business, and leadership news, from&nbsp;BC&nbsp;Design&nbsp;Haus.&nbsp; In this issue, we&#8217;ll chat about how to leverage motion graphics for web design, the impact of&nbsp;the creator economy, why marketing goals should be tied to strategic planning, and ways to make the hybrid work model work for all your employees.&nbsp;Let&#8217;s dig into it!&nbsp; Let\u2019s start by defining exactly what motion graphics are. Simply put, it\u2019s the movement of graphic design through time and space. Pretty cool, right? What\u2019s The Purpose of Adding&#8230; <span class=\"more\"><a class=\"more-link\" href=\"https:\/\/bcdesignhaus.com\/blog\/understanding-motion-graphics-in-web-design\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":1816,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[53],"tags":[],"class_list":["post-1815","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/posts\/1815","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/comments?post=1815"}],"version-history":[{"count":5,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/posts\/1815\/revisions"}],"predecessor-version":[{"id":1930,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/posts\/1815\/revisions\/1930"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/media\/1816"}],"wp:attachment":[{"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/media?parent=1815"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/categories?post=1815"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bcdesignhaus.com\/blog\/wp-json\/wp\/v2\/tags?post=1815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}