{"id":116,"date":"2017-11-02T11:51:40","date_gmt":"2017-11-02T19:51:40","guid":{"rendered":"https:\/\/jinigo.com\/1\/?p=116"},"modified":"2019-12-21T22:33:12","modified_gmt":"2019-12-22T06:33:12","slug":"tangled-the-series-choose-your-own-adventure","status":"publish","type":"post","link":"https:\/\/jinigo.com\/1\/2017\/11\/tangled-the-series-choose-your-own-adventure\/","title":{"rendered":"Tangled: The Series (Disney Channel) | Choose Your Own Adventure"},"content":{"rendered":"<div class=\"epyt-video-wrapper\"><iframe loading=\"lazy\"  id=\"_ytid_40918\"  width=\"768\" height=\"432\"  data-origwidth=\"768\" data-origheight=\"432\" src=\"https:\/\/www.youtube.com\/embed\/0gDm3t0_OQk?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>A custom destination website for Disney Channel to bring users back into the world of the Tangled feature film but in new 2D animated form. This choose your own adventure experience featured Rapunzel on a quest to remain hidden on a voyage back to her castle.<\/p>\n<p>Utilizing provided artwork from the client, I had to craft the entire story upon which they provided refinements towards the final version. I wrote nearly all copy in this unit and it was approved for use in the final execution nearly as-is.<\/p>\n<h1>Choose Your Own Adventure<\/h1>\n<p>Users were directed to this custom destination by a variety of means including custom units we created leading users to the landing page.<\/p>\n<p>Utilizing provided assets we crafted an adventure for Rapunzel. We created a custom animation to transition between scenes utilizing her hair in a playful way to fill the screen.<\/p>\n\n\t\t<div id='gallery-1' class='gallery galleryid-116 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-9-tangledseries-choose-your-own-adventure-1.png\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-choose-your-own-adventure-1-1024x463.png\" width=\"768\" height=\"347\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n\n\t\t<div id='gallery-2' class='gallery galleryid-116 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-9-tangledseries-choose-your-own-adventure-2.png\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-choose-your-own-adventure-2-1024x463.png\" width=\"768\" height=\"347\" 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-9-tangledseries-choose-your-own-adventure-3.png\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-choose-your-own-adventure-3-1024x463.png\" width=\"768\" height=\"347\" 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-9-tangledseries-choose-your-own-adventure-4.png\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-choose-your-own-adventure-4-1024x463.png\" width=\"768\" height=\"347\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n\n\t\t<div id='gallery-3' class='gallery galleryid-116 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-9-tangledseries-choose-your-own-adventure-5.png\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-choose-your-own-adventure-5-1024x463.png\" width=\"768\" height=\"347\" 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-9-tangledseries-choose-your-own-adventure-6.png\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-choose-your-own-adventure-6-1024x463.png\" width=\"768\" height=\"347\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h1>Supporting Promotion<\/h1>\n<h2>Overlay Teaser<\/h2>\n<p>We created an Overlay execution to tease and drive traffic to our destination.<\/p>\n\n\t\t<div id='gallery-4' class='gallery galleryid-116 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-9-tangledseries-overlay-2.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-overlay-2-1024x707.jpg\" width=\"768\" height=\"530\" 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-9-tangledseries-overlay-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-overlay-1-1024x707.jpg\" width=\"768\" height=\"530\" alt=\"\" \/><\/a>\r\n<\/div><\/figure>\r\n\t\t<\/div>\n\n<h2>Parallax Reskin<\/h2>\n<p>A reskin that animated based on scrolling by the user was also created to promote the show. As the user scrolled naturally on the website, the reskin would come to life and transition backgrounds and characters with simple animations.<\/p>\n\n\t\t<div id='gallery-5' class='gallery galleryid-116 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-9-tangledseries-parallax-1.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-parallax-1-1024x463.jpg\" width=\"768\" height=\"347\" 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-9-tangledseries-parallax-2.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-parallax-2-1024x463.jpg\" width=\"768\" height=\"347\" 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-9-tangledseries-parallax-3.jpg\" title=\"\" rel=\"gallery1\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/1-9-tangledseries-parallax-3-1024x463.jpg\" width=\"768\" height=\"347\" 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>CREATIVE DIRECTOR:\u00a0<\/strong>Manuel Donayre<\/li>\n<li><strong>DESIGN LEAD:\u00a0<\/strong>Jose Inigo<\/li>\n<li><strong>DESIGN SUPPORT: <\/strong>Outsourced Serbian Team<\/li>\n<li><strong>ANIMATION: <\/strong>Outsourced Serbian Team<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A custom destination website for Disney Channel to bring users back into the world of the Tangled feature film but in new 2D animated form. This choose your own adventure experience featured Rapunzel on a quest to remain hidden on a voyage back to her castle. Utilizing provided artwork from the client, I had to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":299,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[50,33,62,39,18,36,37,16,23,17,40,49,19,47,140,38,41,11,24],"class_list":["post-116","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-interactive-media","tag-50","tag-art-direct","tag-choose-your-own-adventure","tag-copy","tag-desktop","tag-disney","tag-disney-channel","tag-film","tag-high-impact","tag-home-entertainment","tag-html","tag-live-demo","tag-online","tag-overlay","tag-parallax-reskin","tag-television","tag-th","tag-us","tag-ux"],"jetpack_featured_media_url":"https:\/\/jinigo.com\/1\/wp-content\/uploads\/2017\/11\/thumb-1-9.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/116","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=116"}],"version-history":[{"count":5,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":2119,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/posts\/116\/revisions\/2119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/media\/299"}],"wp:attachment":[{"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jinigo.com\/1\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}