{"id":3890,"date":"2025-03-18T08:33:40","date_gmt":"2025-03-18T08:33:40","guid":{"rendered":"https:\/\/icom.imagemakers-inc.com\/?post_type=casestudy&#038;p=3890"},"modified":"2025-04-16T17:05:42","modified_gmt":"2025-04-16T21:05:42","slug":"animated-banners-and-video-production","status":"publish","type":"casestudy","link":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/","title":{"rendered":"Animated Banners and Video Production"},"content":{"rendered":"    <div class=\"section-wrap casestudy-hero position-relative casestudy-hero-block color-definer dark-color\"  >\r\n        <img decoding=\"async\"\r\n                src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/case-study-banner.jpg\"\r\n                alt=\"case study banner\"\r\n                class='position-absolute w-100 case-study-banner'\r\n        \/>\r\n        <div class=\"center-container\">\r\n            <div class='case-study-banner-row position-relative'>\r\n                <div class='case-study-column'>\r\n                    <div class=\"breadcrumbs\">\r\n                        <a class=\"breadcrumbs-link\" href=\"\/\">\r\n                         Home\r\n                        <\/a>\/<a class=\"breadcrumbs-link\" href=\"\/work\">\r\n                         Case Studies\r\n                        <\/a>\r\n                    <\/div>\r\n                    <h1 class='case-study-banner-title'>\r\n                        Animated Banners and Video Production                    <\/h1>\r\n                    <div class='case-study-location-col'>\r\n                        <div class=\"position-relative\">\r\n                            <!-- <img decoding=\"async\" class=\"map-location\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/location_icon.svg\"\r\n                            alt=\"Map location\"\/> -->\r\n<!--                            <img-->\r\n<!--                                src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/case-study-location.png\"-->\r\n<!--                                alt=\"case study banner\"-->\r\n<!--                                class='case-study-location-img'-->\r\n<!--                            \/>-->\r\n                            \r\n                            <style>\r\n                                .map-container {\r\n                                    position: relative;\r\n                                    width: 100%;\r\n                                    max-width: 160px;\r\n                                    height: auto;\r\n                                }\r\n                                .map-container img.map {\r\n                                    width: 100%;\r\n                                    height: auto;\r\n                                    display: block;\r\n                                }\r\n                                .map-container .marker {\r\n                                    position: absolute;\r\n                                    height: 30px;\r\n                                    transform: translate(-50%, -90%);\r\n                                }\r\n                                @media (max-width: 600px) {\r\n                                    .map-container .marker {\r\n                                        height: 20px;\r\n                                    }\r\n                                }\r\n                            <\/style>\r\n\r\n                            <div class=\"map-container\">\r\n                                <!-- Map Image -->\r\n                                <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/map\/Map_White.png\" alt=\"Map\" class=\"map case-study-location-img\">\r\n\r\n                                <!-- Markers -->\r\n                                                                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/map\/pin.png\"\r\n                                         alt=\"Pin\"\r\n                                         class=\"marker \"\r\n                                         style=\"left: 27.02%; top: 21.88%;\">\r\n                                                            <\/div>\r\n                        <\/div>\r\n                        <div class='case-study-location-box'>\r\n                            \r\n                                <a href=\"https:\/\/icomagencies.com\/agency\/assemble-and-partners\/\" class='case-study-location'>\r\n                                    <p class='case-study-location-name'>\r\n                                        Assemble and Partners                                        <span>Philadelphia, United States of America<\/span>\r\n                                    <\/p>\r\n                                <\/a>\r\n                            \r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                                                <div class='case-study-btn-wrapper'>\r\n                            <a href=\"\/work\/content-case-studies\"><button class=\"custom-button\">Content<\/button><\/a>\r\n                        <script>\r\n                            document.addEventListener('DOMContentLoaded', function () {\r\n                                const showMoreButton = document.querySelector('.show-more');\r\n                                const hiddenTerms = document.querySelectorAll('.hidden-term');\r\n\r\n                                if (showMoreButton) {\r\n\r\n                                    showMoreButton.addEventListener('click', function () {\r\n                                        hiddenTerms.forEach(term => term.classList.toggle('hidden-term'));\r\n                                       \/\/ showMoreButton.textContent = showMoreButton.textContent === '...' ? 'Show Less' : '...';\r\n                                        showMoreButton.classList.toggle('hidden-term');\r\n                                    });\r\n                                }\r\n                            });\r\n                        <\/script>\r\n\r\n\r\n                    <\/div>\r\n                    \r\n                                    <p className='casestudy-banner-pera'>\r\n                        Sector: Healthcare<br>Task: Animated Banners and Video Production<br>Project Highlights:<br>\u00a0<br>A global healthcare company was seeking a cohesive digital campaign in order to promote and explain the differentiators of its new Clinical Trial Management (CTM) platform.<br>Assemble was asked to create animated banner ads in multiple sizes for specific digital placements based on visual concepts provided by the client<br>\u00a0<br>A script was then provided to create two 20-second informative videos to be displayed on the client\u2019s website and social platforms.<br>\u00a0<br><strong>The Approach:<\/strong><br>With the client\u2019s objective to convey the seamless collaboration and mobility of its new CTM platform,\u00a0connectivity\u00a0was an important theme in this campaign. So when Senior Visual Designer, Mari Mora, received visual references from the client, she immediately knew the direction to take for the animated banners. By creating an identifiable digital network graphic that flowed across all frames, and utilizing key nodes to include icons representing their important differentiators, the banner ads were able to more powerfully communicate their message beyond the given text.Inspired by the effective visuals in Mari\u2019s banner ads and driven by an understanding of the importance of a cohesive campaign, Randall Castro, Assemble\u2019s Senior Visual Designer, prepared the concepts for two videos for the client\u2019s website utilizing the same elements of the animated banners. Each video variation was four frames with thoughtful transitions that paralleled the client script while further channeling the connectivity of the client\u2019s CTM.\u00a0<br>\u00a0<br><strong>The Big Wins:<\/strong><br>\u201cFrom the first proposal of the animated banners, the client loved the direction we chose for the creative,\u201d Mari shared. \u201cThis meant only minor tweaks were needed to reach the final approved concept, allowing them to get the banners up and running quickly.\u201dAssemble was also given full control of developing the video storyboards to help minimize the disconnect between the client\u2019s script and the production elements. \u201cWe typically receive a storyboard and animation notes from the client that don\u2019t always make sense with the technology being used,\u201d Randall explained. \u201cIt may sound good on paper, but the final product doesn\u2019t turn out the way they want. Being able to build the storyboard simplifies and improves the process as it allows us to plan ahead based on our knowledge of the production capabilities and then play with the timing and motion as it all comes together.\u201d<br>\u00a0<br><strong>A Key Takeaway:<\/strong><br>Having the animated banners both approved and loved by the client made the transition to video a lot more seamless. Since our designers knew upfront that the videos were part of the project pipeline, the team was able to proactively identify the features, text, and visual elements that would work across a multi-component campaign.<br>\u00a0<br>\u201cThe banners gave us direct insight into what the client was looking for in an animation, so we had a big head start to production,\u201d Randall shared. \u201cWe were able to reuse elements and stay very close to the same design to create cohesion between both mediums, and ultimately, deliver a final product within four days. The client not only had very minor changes but also loved the end result and the quick turnaround we could provide.\u201d<\/p>\r\n                    \r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <a href=\"javascript:;\" id=\"work-scroll-link\" class=\"scroll-btn-wrapper work-scroll-btn-wrapper\">\r\n            <div class=\"scroll-text\">SCROLL<\/div>\r\n            <span class=\"scroll-btn\">\r\n                <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/down-arrow-round.svg\" alt=\"bottom arrow scroll icon\" \/>\r\n            <\/span>\r\n        <\/a>\r\n    <\/div>\r\n    \n\n    <div class=\"content-wrap our-work-page color-definer light-color\" id=\"content-gallery-69e89900d0603-9291\">\r\n        <div class=\"section-wrap image-gallery-block\">\r\n            <div class=\"center-container\">\r\n                <div class=\"image-gallery-row odd-element-mob-media odd-media-lib\">\r\n                                            <div class=\"gallery-box cursor\"\r\n                             onclick=\"document.getElementById('galleryModal-gallery-69e89900d0603-9291').style.display='block'; currentSlide(1, 'galleryModal-gallery-69e89900d0603-9291')\">\r\n                                                            <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images-1024x439.webp\"\r\n                                     alt=\"Gallery image 1\"\r\n                                     loading=\"lazy\"\r\n                                                                         sizes=\"(max-width: 600px) 100vw, 600px\" \/>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div id=\"galleryModal-gallery-69e89900d0603-9291\" class=\"image-gallery-modal\">\r\n            <button class=\"image-gallery-closeBtn cursor\"\r\n                    onclick=\"document.getElementById('galleryModal-gallery-69e89900d0603-9291').style.display='none'\">\r\n\t\t\t\t<span class=\"flexCenter\">\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/blue-dot-shape.svg\"\r\n                         alt=\"blue icon\"\r\n                         loading=\"lazy\" \/>\r\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/close-icon.svg\"\r\n                         class=\"slider-close-icon position-absolute\"\r\n                         alt=\"close icon\"\r\n                         loading=\"lazy\" \/>\r\n\t\t\t\t<\/span>\r\n            <\/button>\r\n            <div class=\"image-gallery-modal-content\">\r\n                                    <div class=\"mySlides\">\r\n                                                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images-1024x439.webp\"\r\n                                 class=\"w-100\"\r\n                                 alt=\"Modal image 1\"\r\n                                 loading=\"lazy\"\r\n                                                                 sizes=\"(max-width: 600px) 100vw, 600px\" \/>\r\n                                            <\/div>\r\n                                <a class=\"prev-image-slide\"\r\n                   onclick=\"stopAllVideos('galleryModal-gallery-69e89900d0603-9291'); plusSlides(-1, 'galleryModal-gallery-69e89900d0603-9291')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/arrow_right_alt.png\"\r\n                         alt=\"prev\"\r\n                         loading=\"lazy\" \/>\r\n                <\/a>\r\n                <a class=\"next-image-slide\"\r\n                   onclick=\"stopAllVideos('galleryModal-gallery-69e89900d0603-9291'); plusSlides(1, 'galleryModal-gallery-69e89900d0603-9291')\">\r\n                    <img decoding=\"async\" src=\"https:\/\/icomagencies.com\/wp-content\/themes\/icom-wp-theme\/assets\/images\/arrow_right_alt.png\"\r\n                         alt=\"next\"\r\n                         loading=\"lazy\" \/>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    ","protected":false},"featured_media":3892,"template":"","agency_industry":[176,179,180,183,185,187,192,195,199],"agency_capability":[214],"class_list":["post-3890","casestudy","type-casestudy","status-publish","has-post-thumbnail","hentry","agency_industry-adult-beverages","agency_industry-automotive","agency_industry-banking-and-financial-services","agency_industry-consumer-services","agency_industry-entertainment-sports","agency_industry-healthcare","agency_industry-pharmaceuticals","agency_industry-retail","agency_industry-travel-transportation-tourism-hospitality","agency_capability-content"],"acf":{"agency":[761],"icom_collaboration":"","logo_display":"white"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Animated Banners and Video Production - ICOM<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animated Banners and Video Production - ICOM\" \/>\n<meta property=\"og:url\" content=\"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/\" \/>\n<meta property=\"og:site_name\" content=\"ICOM\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-16T21:05:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1500\" \/>\n\t<meta property=\"og:image:height\" content=\"643\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/\",\"name\":\"Animated Banners and Video Production - ICOM\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/icomagencies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Animated-Banners-and-Video-Production_Images.webp\",\"datePublished\":\"2025-03-18T08:33:40+00:00\",\"dateModified\":\"2025-04-16T21:05:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/#primaryimage\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Animated-Banners-and-Video-Production_Images.webp\",\"contentUrl\":\"https:\\\/\\\/icomagencies.com\\\/wp-content\\\/uploads\\\/2025\\\/03\\\/Animated-Banners-and-Video-Production_Images.webp\",\"width\":1500,\"height\":643,\"caption\":\"Animated Banners and Video Production_Images\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/work\\\/animated-banners-and-video-production\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/icomagencies.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animated Banners and Video Production\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/icomagencies.com\\\/#website\",\"url\":\"https:\\\/\\\/icomagencies.com\\\/\",\"name\":\"ICOM\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/icomagencies.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animated Banners and Video Production - ICOM","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:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/","og_locale":"en_US","og_type":"article","og_title":"Animated Banners and Video Production - ICOM","og_url":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/","og_site_name":"ICOM","article_modified_time":"2025-04-16T21:05:42+00:00","og_image":[{"width":1500,"height":643,"url":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/","url":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/","name":"Animated Banners and Video Production - ICOM","isPartOf":{"@id":"https:\/\/icomagencies.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/#primaryimage"},"image":{"@id":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/#primaryimage"},"thumbnailUrl":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images.webp","datePublished":"2025-03-18T08:33:40+00:00","dateModified":"2025-04-16T21:05:42+00:00","breadcrumb":{"@id":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/#primaryimage","url":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images.webp","contentUrl":"https:\/\/icomagencies.com\/wp-content\/uploads\/2025\/03\/Animated-Banners-and-Video-Production_Images.webp","width":1500,"height":643,"caption":"Animated Banners and Video Production_Images"},{"@type":"BreadcrumbList","@id":"https:\/\/icomagencies.com\/work\/animated-banners-and-video-production\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/icomagencies.com\/"},{"@type":"ListItem","position":2,"name":"Animated Banners and Video Production"}]},{"@type":"WebSite","@id":"https:\/\/icomagencies.com\/#website","url":"https:\/\/icomagencies.com\/","name":"ICOM","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/icomagencies.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/casestudy\/3890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/casestudy"}],"about":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/types\/casestudy"}],"acf:post":[{"embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency\/761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/media\/3892"}],"wp:attachment":[{"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/media?parent=3890"}],"wp:term":[{"taxonomy":"agency_industry","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_industry?post=3890"},{"taxonomy":"agency_capability","embeddable":true,"href":"https:\/\/icomagencies.com\/api\/wp\/v2\/agency_capability?post=3890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}