{"id":124,"date":"2017-11-02T12:04:13","date_gmt":"2017-11-02T20:04:13","guid":{"rendered":"https:\/\/jinigo.com\/1\/?p=124"},"modified":"2021-04-17T13:53:06","modified_gmt":"2021-04-17T21:53:06","slug":"ducktales-360-game-overlay","status":"publish","type":"post","link":"https:\/\/jinigo.com\/1\/2017\/11\/ducktales-360-game-overlay\/","title":{"rendered":"DuckTales | 360 Game Overlay"},"content":{"rendered":"<div class=\"epyt-video-wrapper\"><iframe loading=\"lazy\"  id=\"_ytid_48113\"  width=\"768\" height=\"432\"  data-origwidth=\"768\" data-origheight=\"432\" src=\"https:\/\/www.youtube.com\/embed\/lShDR2DC4xw?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=0&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;rel=1&#038;fs=1&#038;playsinline=0&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;\" class=\"__youtube_prefs__  epyt-is-override  no-lazyload\" title=\"YouTube player\"  allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen data-no-lazy=\"1\" data-skipgform_ajax_framebjll=\"\"><\/iframe><\/div>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;A cross-device interactive overlay ad unit that encouraged users to engage with the brand by immersing themselves in a completely 360 environment to find clues about the characters in the show.\\n\\nAfter a predetermined time limit, users were presented a quiz testing their knowledge about the show and its characters. Winners with a perfect score were presented with an exclusive clip while users with a less than perfect score were presented a standard trailer and the opportunity to take the quiz again.\\n\\nThis required custom creation of a 360 environment from flat 2D artwork provided by client. I also ended up writing most of the copy in the unit and it was approved.&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9089,&quot;3&quot;:[null,0],&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:11}\">A cross-device interactive overlay ad unit that encouraged engagement with the relaunched\u00a0<strong>DuckTales<\/strong> television program by immersing users in a completely 360 navigable environment to find clues about the characters in the show.<\/span><\/p>\n<p>Following a short time limit, users were presented a quiz testing their knowledge about the clues they&#8217;d just read in the 360 environment. Depending on the final score, users were either presented with an exclusive video clip and win message OR standard trailer and the opportunity to take the quiz again.<\/p>\n<p>This effort required custom creation of a 360 environment that was made from flat 2D artwork provided by client. I also ended up writing most of the copy in the unit following guidelines from a provided &#8220;writer&#8217;s Bible&#8221; for the show and it was approved.<\/p>\n<h1>Desktop \/ Tablet<\/h1>\n<h2>Start the Experience<\/h2>\n<p>Experience launched an overlay from a 728&#215;90 ad unit.<\/p>\n\n\t\t<div id='gallery-1' class='gallery galleryid-124 gallery-columns-2 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-1-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-1-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-2-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-2-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h2>360 Panorama<\/h2>\n<p>We used static imagery of background images from the show to stitch a custom panormaic environment that use could get a complete 360 view to simulate being INSIDE the room. Clues were hidden around the room.<\/p>\n\n\t\t<div id='gallery-2' class='gallery galleryid-124 gallery-columns-1 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-3-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-3-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h2>Clues \/ Quiz<\/h2>\n<p>Within 45 seconds you were expected to find, read, and memorize all the clues. After the timer ended you were prompted to take a quiz to see how many of the facts you could memorize.<\/p>\n\n\t\t<div id='gallery-3' class='gallery galleryid-124 gallery-columns-2 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-4-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-4-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-5-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-5-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-6-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-6-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-7-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-7-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h2>Lose \/ Win<\/h2>\n<p>Depending on your score you either got an exclusive clip or just a generic trailer.<\/p>\n\n\t\t<div id='gallery-4' class='gallery galleryid-124 gallery-columns-2 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-8-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-8-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-9-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-desktop-9-1-1024x657.jpg\" width=\"768\" height=\"493\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h1>Mobile<\/h1>\n<p>We mimicked the exact same experience for mobile users.<\/p>\n\n\t\t<div id='gallery-5' class='gallery galleryid-124 gallery-columns-3 gallery-size-large gallery1'><script type=\"text\/javascript\">\r\n\/\/ <![CDATA[\r\n\tjQuery(document).ready(function () {\r\n\t\tjQuery(\".gallery1 a\").attr(\"rel\",\"gallery1\");\t\r\n\t\tjQuery('a[rel=\"gallery1\"]').colorbox({maxWidth:\"95%\", maxHeight:\"95%\",title: function(){ return jQuery(this).children().attr(\"alt\"); }, });\r\n\t});\r\n\/\/ ]]>\r\n<\/script>\n<figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-1.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-2.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-2.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-3.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-3.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-4.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-4.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-5.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-5.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-6.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-6.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-7.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-7.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-9.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-9.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure><figure class=\"gallery-item\">\n<div class=\"gallery-icon\">\r\n<a href=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-8.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-12_ducktales-mobile-8.jpg\" width=\"405\" height=\"727\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h1><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Acknowledgements\\nI do not make any ownership claim to the copyrighted works shown on this page.\\nDESIGN \/ DIRECTOR: &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9089,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:11}\">Acknowledgement<\/span><\/h1>\n<p><span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;Acknowledgements\\nI do not make any ownership claim to the copyrighted works shown on this page.\\nDESIGN \/ DIRECTOR: &quot;}\" data-sheets-userformat=\"{&quot;2&quot;:9089,&quot;3&quot;:{&quot;1&quot;:0},&quot;10&quot;:0,&quot;11&quot;:4,&quot;12&quot;:0,&quot;16&quot;:11}\">I do not make any ownership claim to the copyrighted works shown on this page.<\/span><\/p>\n<ul>\n<li><strong>DESIGN \/ LEAD:\u00a0<\/strong>Jose Inigo<\/li>\n<li><strong>DESIGN SUPPORT: <\/strong>Hannah Niebla<\/li>\n<li><strong>DEVELOPMENT:\u00a0<\/strong>Liliana Iturribarria<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A cross-device interactive overlay ad unit that encouraged engagement with the relaunched\u00a0DuckTales television program by immersing users in a completely 360 navigable environment to find clues about the characters in the show. Following a short time limit, users were presented a quiz testing their knowledge about the clues they&#8217;d just read in the 360 environment. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":301,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[50,33,39,55,20,18,36,37,68,168,169,23,17,49,54,19,47,38,41,25,11,24],"class_list":["post-124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interactive-media","tag-50","tag-art-direct","tag-copy","tag-cross-device","tag-design","tag-desktop","tag-disney","tag-disney-channel","tag-disney-xd","tag-fyc-automattic","tag-fyc-system1","tag-high-impact","tag-home-entertainment","tag-live-demo","tag-mobile","tag-online","tag-overlay","tag-television","tag-th","tag-ui","tag-us","tag-ux"],"jetpack_featured_media_url":"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/thumb-1-12.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/comments?post=124"}],"version-history":[{"count":6,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/124\/revisions"}],"predecessor-version":[{"id":2095,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/124\/revisions\/2095"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/media\/301"}],"wp:attachment":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/media?parent=124"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/categories?post=124"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/tags?post=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}