{"id":3052,"date":"2019-03-18T12:30:41","date_gmt":"2019-03-18T12:30:41","guid":{"rendered":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/"},"modified":"2025-05-07T13:10:08","modified_gmt":"2025-05-07T13:10:08","slug":"animated-logos","status":"publish","type":"post","link":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/","title":{"rendered":"Motion Graphics in Branding"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Background<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Years ago, brand motion graphics were solely seen on the film screen or in the realm of television. Where an animated production company\u2019s logo were the intro to any block buster film. Whilst on TV, an animated ident or intro sting were key parts of any channels brand and marketing advertisements. Today however, any new brand must now be fit for the digital world. With the constant development of video, animation and user interaction online, brands can and should incorporate motion in their digital presence. Not only bringing brand identities alive and catching the customers\u2019 eye, but also making motion become an integral part of the brand\u2019s language.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kinetic Logos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Logo design is the first brand element which has been the focus of motion treatment. Whether it is the building up of a logo, a subtle reveal, or 3D visual effect. The scope for motion graphics in logo design is constantly widening. With the use of after effects animation and the clever execution of animated gifs, to create flawless, fast loading, moving identities. Motion has become a huge part of large brands, from digital moguls such as Google and Skype to fashion sports brands such as Nike and the online hospitality giant Airbnb. Small brands are also making use of motion in their <a href=\"https:\/\/www.theoneoff.com\/what-we-do\/brand\">brand identity<\/a> to stand out from the static crowd and engage with the massive audience that can be reached online. Even the simplest of logos can be given a whole new lease of life from simple animation being applied.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Animation to Help the User Journey<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The digital channel is a whole new world for brands to develop in. It is very rare to see a static website these days, and there is a reason behind this. Motion graphics are key to helping the user journey online. Subtle use of motion on a website can prompt the user during navigation and emphasise call to actions. From animated click and hover effects, to expanding panels and tool tips. Giving the user a more intuitive experience when navigating and using a website (examples of which are below, click to view them).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.uber.design\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Uber<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/2018.craftedbygc.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">G<\/a><a href=\"https:\/\/2018.craftedbygc.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">reen Chameleon<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Simple Yet Effective<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">The most successful use of motion is when it is kept simple. Saturating a logo or webpage with too much motion can make for a bad user experience. Subtle, yet cleanly executed animation is the key. The aim is to engage end user, not confuse them.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>So, what does this mean for the designer?<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Motion should be considered a key part of any brand design project and be used as something to help the brand grow, and not hinder it. Designers without previous motion experience may see this as a daunting task. But this new avenue should be seen as a fun area to explore, and a skill to develop. Basic Photoshop timeline animation may be a good place to start. With After Effects, JavaScript and video editing being further elements to learn. All these skills could take a career span to develop. So, designers need to acknowledge their relevant uses and possibilities within a brand project, and implement motion were suitable.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The successful use of animation is all in the detail \u2013 getting timings correct and transitions smoothed and eased will be a learning curve for designers that are new to motion. The reward being an engaging and smooth visual experience for the end user.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The bottom line is this: Clients and designers alike need to be prepared to consider how a brand lives in motion \u2013 because in this digital age, movement, fluidity and a heartbeat of a brand is expected.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">View our brand work,&nbsp;<a href=\"https:\/\/www.theoneoff.com\/work\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>An insight into the use of animated logos by The One Off&#8217;s own motion graphics team. In this article they examine the different uses of this logo style.<\/p>\n","protected":false},"author":12,"featured_media":2890,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[7],"tags":[4],"class_list":["post-3052","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-trends","tag-too"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Motion Graphics in Branding - TOO Content<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Motion Graphics in Branding - TOO Content\" \/>\n<meta property=\"og:description\" content=\"An insight into the use of animated logos by The One Off&#039;s own motion graphics team. In this article they examine the different uses of this logo style.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/\" \/>\n<meta property=\"og:site_name\" content=\"TOO Content\" \/>\n<meta property=\"article:published_time\" content=\"2019-03-18T12:30:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-07T13:10:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503-850x567.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"850\" \/>\n\t<meta property=\"og:image:height\" content=\"567\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"The One Off\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"The One Off\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/\",\"url\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/\",\"name\":\"Motion Graphics in Branding - TOO Content\",\"isPartOf\":{\"@id\":\"https:\/\/content.theoneoff.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503.jpg\",\"datePublished\":\"2019-03-18T12:30:41+00:00\",\"dateModified\":\"2025-05-07T13:10:08+00:00\",\"author\":{\"@id\":\"https:\/\/content.theoneoff.com\/#\/schema\/person\/6db9ad296091f467dbb71e751549aa37\"},\"breadcrumb\":{\"@id\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#primaryimage\",\"url\":\"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503.jpg\",\"contentUrl\":\"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503.jpg\",\"width\":3888,\"height\":2592},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/content.theoneoff.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Motion Graphics in Branding\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/content.theoneoff.com\/#website\",\"url\":\"https:\/\/content.theoneoff.com\/\",\"name\":\"TOO Content\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/content.theoneoff.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/content.theoneoff.com\/#\/schema\/person\/6db9ad296091f467dbb71e751549aa37\",\"name\":\"The One Off\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/content.theoneoff.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e38a6a6e3788f847c70240a6fc7a1d20af02332867eed33aa79a03ed6f4923c3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e38a6a6e3788f847c70240a6fc7a1d20af02332867eed33aa79a03ed6f4923c3?s=96&d=mm&r=g\",\"caption\":\"The One Off\"},\"url\":\"https:\/\/content.theoneoff.com\/author\/digi-donotuse\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Motion Graphics in Branding - TOO Content","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Motion Graphics in Branding - TOO Content","og_description":"An insight into the use of animated logos by The One Off's own motion graphics team. In this article they examine the different uses of this logo style.","og_url":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/","og_site_name":"TOO Content","article_published_time":"2019-03-18T12:30:41+00:00","article_modified_time":"2025-05-07T13:10:08+00:00","og_image":[{"width":850,"height":567,"url":"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503-850x567.jpg","type":"image\/jpeg"}],"author":"The One Off","twitter_card":"summary_large_image","twitter_misc":{"Written by":"The One Off","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/","url":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/","name":"Motion Graphics in Branding - TOO Content","isPartOf":{"@id":"https:\/\/content.theoneoff.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#primaryimage"},"image":{"@id":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#primaryimage"},"thumbnailUrl":"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503.jpg","datePublished":"2019-03-18T12:30:41+00:00","dateModified":"2025-05-07T13:10:08+00:00","author":{"@id":"https:\/\/content.theoneoff.com\/#\/schema\/person\/6db9ad296091f467dbb71e751549aa37"},"breadcrumb":{"@id":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#primaryimage","url":"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503.jpg","contentUrl":"https:\/\/content.theoneoff.com\/wp-content\/uploads\/2025\/02\/TOOHBM_BlogAsset_503.jpg","width":3888,"height":2592},{"@type":"BreadcrumbList","@id":"https:\/\/content.theoneoff.com\/2019\/03\/18\/animated-logos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/content.theoneoff.com\/"},{"@type":"ListItem","position":2,"name":"Motion Graphics in Branding"}]},{"@type":"WebSite","@id":"https:\/\/content.theoneoff.com\/#website","url":"https:\/\/content.theoneoff.com\/","name":"TOO Content","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/content.theoneoff.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/content.theoneoff.com\/#\/schema\/person\/6db9ad296091f467dbb71e751549aa37","name":"The One Off","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/content.theoneoff.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e38a6a6e3788f847c70240a6fc7a1d20af02332867eed33aa79a03ed6f4923c3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e38a6a6e3788f847c70240a6fc7a1d20af02332867eed33aa79a03ed6f4923c3?s=96&d=mm&r=g","caption":"The One Off"},"url":"https:\/\/content.theoneoff.com\/author\/digi-donotuse\/"}]}},"_links":{"self":[{"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/posts\/3052","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/comments?post=3052"}],"version-history":[{"count":1,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/posts\/3052\/revisions"}],"predecessor-version":[{"id":3500,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/posts\/3052\/revisions\/3500"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/media\/2890"}],"wp:attachment":[{"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/media?parent=3052"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/categories?post=3052"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/content.theoneoff.com\/index.php\/wp-json\/wp\/v2\/tags?post=3052"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}