Clash of Clans Bathroom Battlestation | Case Study

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="robots" content="max-image-preview:standard"> <link rel="alternate" type="application/rss+xml" href="https://jackmorton.com/feed/">  <script type="text/javascript" src="https://cdn.cookielaw.org/consent/a4e97e59-92ee-4940-979c-cec07e1b6403/OtAutoBlock.js" defer></script> <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="a4e97e59-92ee-4940-979c-cec07e1b6403" async></script> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link rel="preload" as="image" href="https://jackmorton.com/wp-content/uploads/2024/09/Hero_Clash.jpg" /> <title>Clash of Clans Bathroom Battlestation | Case Study | Jack Morton </title>  <script type = "text/javascript"> // // Get screen dimensions, device pixel ration and set in a cookie. // var screen_width = Math.max( screen.width, screen.height ); var devicePixelRatio = window.devicePixelRatio ? window.devicePixelRatio : 1; document.cookie = 'resolution=' + screen_width + ',' + devicePixelRatio + '; SameSite=Strict; path=/'; </script>   <script type = "text/javascript"> // // Anonymous self calling Javascript function to avoid polluting the global namespace. // (function () { // // Get the resolution cookie. // var resolution = null; var cookies = document.cookie.split( ';' ); for ( var k in cookies ) { var cookie = cookies[k].trim(); if ( cookie.indexOf( 'resolution' ) === 0 ) { resolution = cookie; } } // // Adds the resolution information to image src attributes. // function handle_images () { var imgs = document.querySelectorAll( 'img' ); for ( var k = 0; k < imgs.length; k++ ) { var img = imgs[k]; if ( img.complete || img.getAttribute( 'data-adaptive-images' ) ) { continue; } var src = img.getAttribute( 'src' ); var new_src = src.indexOf( '?' ) >=0 ? src + '&' + resolution : src + '?' + resolution; img.removeAttribute( 'src' ); img.setAttribute( 'src', new_src ); img.setAttribute( 'data-adaptive-images', true ); } } // // Start running periodically, as images are available in the DOM. // var handler = window.setInterval( handle_images, 10 ); document.addEventListener( 'DOMContentLoaded', function ( event ) { window.clearInterval( handler ); handle_images(); }); })(); </script>  <style> #wpadminbar #wp-admin-bar-p404_free_top_button .ab-icon:before { content: "\f103"; color:red; top: 2px; } </style> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <meta name="description" content="We turned the call of nature into a call to action for mobile gaming company聽Supercell, with the聽Clash of Clans Bathroom Battlestation!" /> <link rel="canonical" href="https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Clash of Clans Bathroom Battlestation | Case Study | Jack Morton" /> <meta property="og:description" content="We turned the call of nature into a call to action for mobile gaming company聽Supercell, with the聽Clash of Clans Bathroom Battlestation!" /> <meta property="og:url" content="https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/" /> <meta property="og:site_name" content="Jack Morton | Global Brand Experience Agency" /> <meta property="article:publisher" content="https://www.facebook.com/jackmortonworldwide" /> <meta property="article:modified_time" content="2024-09-12T13:59:22+00:00" /> <meta property="og:image" content="https://jackmorton.com/wp-content/uploads/2024/09/Hero_Clash.jpg" /> <meta property="og:image:width" content="1600" /> <meta property="og:image:height" content="900" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@jackmorton" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <meta name="twitter:label2" content="Written by" /> <meta name="twitter:data2" content="Craig Smith" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/","url":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/","name":"Clash of Clans Bathroom Battlestation | Case Study | Jack Morton","isPartOf":{"@id":"https://jackmorton.com/#website"},"primaryImageOfPage":{"@id":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/#primaryimage"},"image":{"@id":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/#primaryimage"},"thumbnailUrl":"https://jackmorton.com/wp-content/uploads/2024/09/Hero_Clash.jpg","datePublished":"2024-09-12T13:55:41+00:00","dateModified":"2024-09-12T13:59:22+00:00","description":"We turned the call of nature into a call to action for mobile gaming company聽Supercell, with the聽Clash of Clans Bathroom Battlestation!","breadcrumb":{"@id":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/#primaryimage","url":"https://jackmorton.com/wp-content/uploads/2024/09/Hero_Clash.jpg","contentUrl":"https://jackmorton.com/wp-content/uploads/2024/09/Hero_Clash.jpg","width":1600,"height":900},{"@type":"BreadcrumbList","@id":"https://jackmorton.com/work/clash-of-clans-bathroom-battlestation/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://jackmorton.com/"},{"@type":"ListItem","position":2,"name":"Clash of Clans Bathroom Battlestation"}]},{"@type":"WebSite","@id":"https://jackmorton.com/#website","url":"https://jackmorton.com/","name":"Jack Morton | Global Brand Experience Agency","description":"Be extraordinary","publisher":{"@id":"https://jackmorton.com/#organization"},"alternateName":"Jack Morton Worldwide","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://jackmorton.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://jackmorton.com/#organization","name":"Jack Morton Worldwide","alternateName":"Jack Morton","url":"https://jackmorton.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://jackmorton.com/#/schema/logo/image/","url":"https://i0.wp.com/jackmorton.com/wp-content/uploads/2020/09/JM-ExperienceMark-Orange-1-e1601401840537.png?fit=808%2C654&ssl=1","contentUrl":"https://i0.wp.com/jackmorton.com/wp-content/uploads/2020/09/JM-ExperienceMark-Orange-1-e1601401840537.png?fit=808%2C654&ssl=1","width":808,"height":654,"caption":"Jack Morton Worldwide"},"image":{"@id":"https://jackmorton.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/jackmortonworldwide","https://x.com/jackmorton","https://www.linkedin.com/company/jack-morton-worldwide/","https://www.youtube.com/jackmorton","https://www.instagram.com/jackmorton/"]}]}</script>  <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//js.hs-scripts.com' /> <style id='co-authors-plus-coauthors-style-inline-css' type='text/css'> .wp-block-co-authors-plus-coauthors.is-layout-flow [class*=wp-block-co-authors-plus]{display:inline} </style> <style id='co-authors-plus-avatar-style-inline-css' type='text/css'> .wp-block-co-authors-plus-avatar :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-avatar :where(img){vertical-align:middle}.wp-block-co-authors-plus-avatar:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-avatar.aligncenter{display:table;margin-inline:auto} </style> <style id='co-authors-plus-image-style-inline-css' type='text/css'> .wp-block-co-authors-plus-image{margin-bottom:0}.wp-block-co-authors-plus-image :where(img){height:auto;max-width:100%;vertical-align:bottom}.wp-block-co-authors-plus-coauthors.is-layout-flow .wp-block-co-authors-plus-image :where(img){vertical-align:middle}.wp-block-co-authors-plus-image:is(.alignfull,.alignwide) :where(img){width:100%}.wp-block-co-authors-plus-image:is(.alignleft,.alignright){display:table}.wp-block-co-authors-plus-image.aligncenter{display:table;margin-inline:auto} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='select2_style-css' href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css?ver=6.6.2' type='text/css' media='all' /> <style type='text/css' data-wpacu-inline-css-file='1'> /*!/wp-content/plugins/a3-lazy-load/assets/css/jquery.lazyloadxt.spinner.css*/.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff;background-image:url(/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);background-repeat:no-repeat;background-position:50% 50%}figure.wp-block-image img.lazy-hidden{min-width:150px}picture source[type="image/webp"]{display:block} </style> <style type='text/css' data-wpacu-inline-css-file='1'> .clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff} </style> <link rel='stylesheet' id='__EPYT__style-css' href='https://jackmorton.com/wp-content/plugins/youtube-embed-plus/styles/ytprefs.min.css?ver=14.2.1.2' type='text/css' media='all' /> <style id='__EPYT__style-inline-css' type='text/css'> .epyt-gallery-thumb { width: 33.333%; } @media (min-width:0px) and (max-width: 767px) { .epyt-gallery-rowbreak { display: none; } .epyt-gallery-allthumbs[class*="epyt-cols"] .epyt-gallery-thumb { width: 100% !important; } } </style> <link rel='stylesheet' id='appcss-css' href='https://jackmorton.com/wp-content/cache/asset-cleanup/css/item/jack2020__frontend__public__stylesheets__app-css-v831a0a4d95a1f43345e35242900e21b8c6611c6b.css' type='text/css' media='all' /> <script type="text/javascript" defer='defer' src="https://jackmorton.com/wp-content/themes/Jack2020/frontend/public/javascripts/jquery.min.js" id="jquery-js"></script> <script type="text/javascript" defer='defer' src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js?ver=1" id="select2_script-js"></script> <script type="text/javascript" id="__ytprefs__-js-extra"> /* <![CDATA[ */ var _EPYT_ = {"ajaxurl":"https:\/\/jackmorton.com\/wp-admin\/admin-ajax.php","security":"87f952894c","gallery_scrolloffset":"20","eppathtoscripts":"https:\/\/jackmorton.com\/wp-content\/plugins\/youtube-embed-plus\/scripts\/","eppath":"https:\/\/jackmorton.com\/wp-content\/plugins\/youtube-embed-plus\/","epresponsiveselector":"[\"iframe.__youtube_prefs__\",\"iframe[src*='youtube.com']\",\"iframe[src*='youtube-nocookie.com']\",\"iframe[data-ep-src*='youtube.com']\",\"iframe[data-ep-src*='youtube-nocookie.com']\",\"iframe[data-ep-gallerysrc*='youtube.com']\"]","epdovol":"1","version":"14.2.1.2","evselector":"iframe.__youtube_prefs__[src], iframe[src*=\"youtube.com\/embed\/\"], iframe[src*=\"youtube-nocookie.com\/embed\/\"]","ajax_compat":"","maxres_facade":"eager","ytapi_load":"light","pause_others":"","stopMobileBuffer":"1","facade_mode":"1","not_live_on_channel":"","vi_active":"","vi_js_posttypes":[]}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://jackmorton.com/wp-content/plugins/youtube-embed-plus/scripts/ytprefs.min.js?ver=14.2.1.2" id="__ytprefs__-js"></script>  <script class="hsq-set-content-id" data-content-id="blog-post"> var _hsq = _hsq || []; _hsq.push(["setContentType", "blog-post"]); </script>  <link rel="icon" href="https://jackmorton.com/wp-content/uploads/2020/09/cropped-JM-ExperienceMark-Orange-32x32.png" sizes="32x32" /> <link rel="icon" href="https://jackmorton.com/wp-content/uploads/2020/09/cropped-JM-ExperienceMark-Orange-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://jackmorton.com/wp-content/uploads/2020/09/cropped-JM-ExperienceMark-Orange-180x180.png" /> <meta name="msapplication-TileImage" content="https://jackmorton.com/wp-content/uploads/2020/09/cropped-JM-ExperienceMark-Orange-270x270.png" /> <style type="text/css" id="wp-custom-css"> .ethosscreencap {padding-bottom: 0px !important;} </style> </head> <body>  <script type="module" src="dist/modern.[hash].js"></script>  <script nomodule src="dist/legacy.[hash].js"></script> <a class="skip-link screen-reader-text" href="#content"Skip to content</a>  <header class="c-hero c-hero2"> <nav class="c-site-nav" data-module="site-nav"> <div class="o-container o-container--full c-site-nav__container"> <a href="/" class="c-site-nav__logo"> <img style="width: 100% and height: auto;" src="/wp-content/uploads/images/logo.svg" alt="Jack Morton global Experiential Marketing Agency" loading="lazy"> </a> <button class="c-site-nav__trigger js-nav-trigger menu-toggle" aria-controls="siteNavPanel" aria-pressed="false"> <span class="u-visually-hidden">Menu</span> <span class="c-site-nav__trigger-icon"></span> </button> <div class="c-site-nav__panel js-nav-panel" id="siteNavPanel" aria-hidden="true"> <div class="c-site-nav__inner js-nav-scrollarea"> <ul class="c-site-nav__list"> <li> <a href="/about/"><span>About</span></a> <button class="c-site-nav__dropdown-trigger" data-module="accordion" data-close-others="true" aria-pressed="false"> <span class="u-visually-hidden">Open Menu</span> </button> <div class="c-site-nav__dropdown js-nav-dropdown"> <ul class="c-site-nav__dropdown-list"> <li> <a href="/culture-careers/"><span>Careers</span></a> </li> <li> <a href="/our-culture/">Culture</a> </li> <li> <a href="/deib-at-jack-morton/">DEI+B</a> </li> <li> <a href="/sustainability/">Sustainability</a> </li> </ul> </div> </li> <li> <a href="/work/"><span>Work</span></a> </li> <li> <a href="/services/"><span>Services</span></a> <button class="c-site-nav__dropdown-trigger" data-module="accordion" data-close-others="true" aria-pressed="false"> <span class="u-visually-hidden">Open Menu</span> </button> <div class="c-site-nav__dropdown js-nav-dropdown"> <ul class="c-site-nav__dropdown-list"> <li> <a href="/services/brand-acts/">Brand Acts</a> </li> <li> <a href="/services/event-marketing/">Event Marketing</a> </li> <li> <a href="/services/employee-engagement/">Employee Experiences</a> </li> <li> <a href="/services/integrated-marketing/">Integrated Marketing</a> </li> <li> <a href="/services/sponsorship-marketing/">Sponsorship Activation</a> </li> <li> <a href="/services/digital-social-mobile/">Digital Experience</a> </li> <li> <a href="/services/experience-content/">Experience Content</a> </li> <li> <a href="/services/broadcast-design/">Broadcast Design</a> </li> <li> <a href="/services/tradeshow-marketing-services/">Exhibits & Trade Shows</a> </li> </ul> </div> </li> <li> <a href="/experience-better/"><span>Insights</span></a> </li> <li> <a href="/news-ideas/"><span>Press</span></a> </li> <li> <a href="#"> <span> Brands </span> </a> <button class="c-site-nav__dropdown-trigger" data-module="accordion" data-close-others="true" aria-pressed="false"> <span class="u-visually-hidden">Open Menu</span> </button> <div class="c-site-nav__dropdown js-nav-dropdown"> <ul class="c-site-nav__dropdown-list"> <li> <a href="https://wearegenuine.com">Genuine</a> </li> <li> <a href="https://jack-health.com">Jack Health</a> </li> <li> <a href="/services/sponsorship-consulting/">Jack 39</a> </li> <li> <a href="/jackx/">Jack X</a> </li> <li> <a href="https://heyvivi.com">Vivi</a> </li> </ul> </div> </li> <li> <a href="/contact/"><span>Contact</span></a> </li> </ul> </div> </div> </div> </nav> <div class="o-container o-container--wide c-hero__container"> <div class="c-hero__content"> <h1 class="c-hero__title c-hero__title--small"> Supercell </h1> <h2 class="c-hero__subtitle"> Clash of Clans Bathroom Battlestation </h2> </div> <div class="c-hero__button"> <a href="https://youtu.be/312_I20-sN8" class="c-cta-link c-cta-link--play c-cta-link--white" data-lity> <span class="c-cta-link__text">Play Video</span> <span class="c-cta-link__icon"> <svg class="o-icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#play"></use> </svg> </span> </a> </div> </div> <div class="c-hero__img"> <img class="skip-lazy" fetchpriority="high" src="https://jackmorton.com/wp-content/uploads/2024/09/Hero_Clash.jpg" loading="eager" data-adaptive-images="true" width="800" height="600" alt="" /> </div> </header> <main class="c-main"> <section class="c-section"> <div class="o-container"> <div class="u-10-of-12@xl u-mx-auto c-title-large"> Clash of Clans Bathroom Battlestation </div> </div> </section> <section class="c-section c-section--ornament u-pb-0"> <div class="c-section__title"> <h2>Clash of Clans Bathroom Battlestation</h2> </div> <div class="o-container"> <div class="u-breakout-right"> <div class="c-carousel" data-module="carousel"> <div class="c-carousel__slide js-carousel-slide"> <div class="c-panel"> <div class="c-panel__img"> <img src="https://jackmorton.com/wp-content/uploads/2024/09/Artboard-1.jpg"/> </div> </div> </div> <div class="c-carousel__slide js-carousel-slide"> <div class="c-panel"> <div class="c-panel__img"> <img src="https://jackmorton.com/wp-content/uploads/2024/09/Artboard-2.jpg"/> </div> </div> </div> <div class="c-carousel__slide js-carousel-slide"> <div class="c-panel"> <div class="c-panel__img"> <img src="https://jackmorton.com/wp-content/uploads/2024/09/Artboard-3.jpg"/> </div> </div> </div> <div class="c-carousel__slide js-carousel-slide"> <div class="c-panel"> <div class="c-panel__img"> <img src="https://jackmorton.com/wp-content/uploads/2024/09/Artboard-4.jpg"/> </div> </div> </div> </div> </div> </div> </section> <section class="c-section"> <div class="o-container"> <div class="u-10-of-12@xl u-mx-auto"> <div class="o-layout u-justify-between"> <div class="o-layout__item u-5-of-10@lg"> <h2 class="c-title"> Bringing toilets to mobile gamers where they need them most </h2> </div> <div class="o-layout__item u-4-of-10@lg"> <div class="u-pt-xxl@lg"> <p>50% of gamers admit to playing while using the restroom, but at San Diego Comic Con (SDCC), bathroom lines are WAY to LONG for that. So, where do Clashers go to raid and recharge when they need a break from the crowd at Comic Con?</p> <p>We turned the call of nature into a call to action for mobile gaming company聽Supercell, with the聽Clash of Clans Bathroom Battlestation!</p> <p>This mobile game fan experience featured functional thrones doubling as raid stations, complete with free WiFi to keep your game strong even in the longest of lines, as well as hilarious themed amenities and an outhouse photo opportunity that was nothing short of epic. Special giveaways had fans wiping away the competition with branded TP, a聽Poo-pourri聽Battle Breeze sprayer, and The Books of CLASH Volume 1. Lucky players who engaged at the right time also received exclusive in-game rewards, and a surprise guest appearance!</p> <p><strong>Impact</strong></p> <p>The聽Clash of Clans Bathroom Battlestation received an average of 130 engagements per hour and the average attendee experience was over 26 minutes. By bringing toilets to mobile gamers where they need them most, we transformed the SDCC experience for 2,859 unique attendees.</p> </div> </div> </div> </div> </div> </section> <section class="c-section u-pt-0"> <div class="o-container"> <div class="u-10-of-12@xl u-mx-auto"> <h4>Industries: <a href="https://jackmorton.com/industries/gaming/" rel="tag">Gaming Industry</a></h4> <h4>Services involved:</h4> <ul > <li><b><a href="https://jackmorton.com/services/event-marketing/">Event Marketing</a></b> </li> </ul> </div> </div> </section> <section class="c-banner" style="background-image: url(/wp-content/uploads/2023/03/MicrosoftTeams-image-1.jpg)" data-module="banner" alt="global event marketing agency"> <a href="/contact/" target="_blank" rel="noopener" class="c-btn js-banner-btn"> <span>Let's Chat</span> <svg class="o-icon c-btn__icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#arrow-right"></use> </svg> </a> </section> </main> <footer class="c-page-footer"> <div class="c-page-footer__top"> <div class="o-container o-container--wide"> <div class="o-layout o-layout--vertical u-justify-between u-items-center"> <div class="o-layout__item u-size-auto@md"> <a href="/" class="c-page-footer__logo"> <img style="width: 100% and height: auto;" src="/wp-content/uploads/images/logo.svg" alt="Jack Morton global experiential marketing agency" loading="lazy"> </a> </div> <div class="o-layout__item u-size-auto@md"> <ul class="c-page-footer__social"> <li> <a href="https://www.facebook.com/jackmortonworldwide"> <span class="u-visually-hidden">Facebook</span> <svg class="o-icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#facebook"></use> </svg> </a> </li> <li> <a href="https://twitter.com/jackmorton"> <span class="u-visually-hidden">Twitter</span> <svg class="o-icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#twitter"></use> </svg> </a> </li> <li> <a href="https://www.youtube.com/user/JackMortonWW/videos"> <span class="u-visually-hidden">Youtube</span> <svg class="o-icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#youtube"></use> </svg> </a> </li> <li> <a href="https://www.linkedin.com/company/jack-morton-worldwide"> <span class="u-visually-hidden">LinkedIn</span> <svg class="o-icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#linkedin"></use> </svg> </a> </li> <li> <a href="https://www.instagram.com/jackmorton/"> <span class="u-visually-hidden">Instagram</span> <svg class="o-icon" aria-hidden="true"> <use xlink:href="/wp-content/uploads/images/icons.svg#instagram"></use> </svg> </a> </li> </ul> </div> <div class="o-layout__item u-size-auto@md accessibility-toggle-section" style="padding-top:24px"> <ul class="c-page-footer__social">  <li class="accessibility-toggle"> <label for="dark-mode-toggle">Dark mode</label> <label class="switch"> <input type="checkbox" id="dark-mode-toggle"> <span class="slider"></span> </label> </li> <li class="accessibility-toggle"> <label for="high-contrast-toggle">High contrast</label> <label class="switch"> <input type="checkbox" id="high-contrast-toggle"> <span class="slider"></span> </label> </li> </ul> </div> </div> </div> </div> <div class="o-container o-container--wide"> <div class="u-py-xxl"> <div class="c-page-footer__locations"> <div class="c-page-footer__locations-item"> <h2 class="c-page-footer__locations-title"><a href="/regions/americas/"><span style="color:white">Jack Morton <span class="u-underline-short">Americas</span></span></a> </h2> <div class="c-page-footer__locations-lists"> <ul> <li> <a href="/offices/boston/">Boston</a> </li> <li> <a href="/offices/chicago/">Chicago</a> </li> <li> <a href="/offices/detroit/">Detroit</a> </li> </ul> <ul> <li> <a href="/offices/los-angeles/">Los Angeles</a> </li> <li> <a href="/offices/new-york/">New York</a> </li> <li> <a href="/offices/san-francisco/">San Francisco</a> </li> </ul> </div> </div> <div class="c-page-footer__locations-item"> <h2 class="c-page-footer__locations-title"><a href="/regions/emea/"><span style="color:white">Jack Morton <span class="u-underline-short">EMEA</span></span></a> </h2> <div class="c-page-footer__locations-lists"> <ul> <li> <a href="/offices/doha-qatar/">Doha</a> </li> <li> <a href="/offices/dubai/">Dubai</a> </li> <li> <a href="/offices/dusseldorf/">D眉sseldorf</a> </li> </ul> <ul> <li> <a href="/offices/london/">London</a> </li> <li> <a href="/offices/munich-events-agency/">Munich</a> </li> <li> <a href="/offices/saudi-arabia/">Riyadh</a> </li> </ul> </div> </div> <div class="c-page-footer__locations-item"> <h2 class="c-page-footer__locations-title"><a href="/regions/asia-pacific/"><span style="color:white">Jack Morton <span class="u-underline-short">APAC</span></span></a> </h2> <div class="c-page-footer__locations-lists"> <ul> <li><a href="/offices/singapore/">Asia</a></li> </ul> <ul> <li><a href="/offices/melbourne/">Melbourne</a></li> <li><a href="/offices/sydney/">Sydney</a></li> </ul> </div> </div> </div> </div> <div class="c-page-footer__bottom"> <p class="c-page-footer__copyright">© 2024 Jack Morton Worldwide, Global Experiential Marketing Agency. All rights reserved. </p> <ul class="c-page-footer__list"> <li> <a href="/privacy-policy/">Privacy Policy</a> </li> <li> <a href="/wp-content/uploads/2024/02/CA-Privacy-Notice-Jack-2024-Update.pdf">CA Privacy Notice</a> </li> <li> <a href="/sustainability/">Sustainability</a> </li> </ul> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-QEZB7810B8"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date());gtag("config", "G-QEZB7810B8", {"allow_google_signals": false}); </script> <script> document.addEventListener('DOMContentLoaded', function() { var menuButton = document.querySelector('button.menu-toggle'); menuButton.addEventListener('click', function() { var expanded = this.getAttribute('aria-pressed') === 'true' || false; this.setAttribute('aria-pressed', !expanded); // You should also handle the actual opening/closing of the menu here }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var menuButton = document.querySelector('button.menu-toggle'); var menuPanel = document.querySelector('.c-site-nav__panel'); // Adjust the class if necessary menuButton.addEventListener('click', function() { var isExpanded = this.getAttribute('aria-pressed') === 'true'; this.setAttribute('aria-pressed', !isExpanded); menuPanel.setAttribute('aria-hidden', isExpanded); // Handle opening/closing of the menu here as well }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var menuButton = document.querySelector('button.menu-toggle'); var lastMenuItem = document.querySelector('.c-site-nav__panel a:last-child'); // Adjust the selector as needed lastMenuItem.addEventListener('keydown', function(event) { if (event.key === 'Tab' && !event.shiftKey) { event.preventDefault(); menuButton.focus(); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var menuButton = document.querySelector('button.menu-toggle'); var menuPanel = document.querySelector('.c-site-nav__panel'); // Adjust the class if necessary menuButton.addEventListener('click', toggleMenu); document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { closeMenu(); } }); function toggleMenu() { var isExpanded = menuButton.getAttribute('aria-pressed') === 'true'; menuButton.setAttribute('aria-pressed', !isExpanded); menuPanel.setAttribute('aria-hidden', isExpanded); // Handle opening/closing of the menu here as well } function closeMenu() { menuButton.setAttribute('aria-pressed', 'false'); menuPanel.setAttribute('aria-hidden', 'true'); // Also add any additional code required to close the menu } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var flkty = new Flickity('.carousel'); // Initialize Flickity and assign it to a variable var dots = document.querySelectorAll('.flickity-page-dots .dot'); dots.forEach(function(dot, index) { dot.addEventListener('focus', function() { flkty.select(index); // Select the slide that corresponds to the focused dot }); }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var flkty = new Flickity('.carousel'); flkty.on('ready', function() { var dots = document.querySelectorAll('.flickity-page-dots .dot'); dots.forEach(function(dot) { // Create a new button element var button = document.createElement('button'); button.className = 'dot'; button.setAttribute('type', 'button'); button.setAttribute('aria-label', 'Select item'); // Replace the li with the button dot.parentNode.replaceChild(button, dot); }); }); // Add event listeners to the new buttons document.addEventListener('click', function(event) { if (event.target.matches('.flickity-page-dots .dot')) { var index = Array.from(event.target.parentNode.children).indexOf(event.target); flkty.select(index); } }, true); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var slides = document.querySelectorAll('.leader-carousel-slide'); slides.forEach(function(slide) { // Event listener for mouse click slide.addEventListener('click', function() { toggleDiv(slide); }); // Event listener for keyboard slide.addEventListener('keydown', function(event) { // Check if Enter or Spacebar was pressed if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); // Prevent the default spacebar scroll toggleDiv(slide); } }); }); function toggleDiv(slide) { var divToShow = slide.querySelector('.c-leadership-box__overlay'); // Assuming you toggle a class to show the div divToShow.classList.toggle('is-visible'); // You may need to manage the aria-expanded state if applicable } }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var flkty = new Flickity('.carousel'); // Function to update aria-hidden on slides var updateAriaHidden = function() { flkty.slides.forEach(function(slide) { // Set aria-hidden to false on each slide element slide.getCellElements().forEach(function(cellElement) { cellElement.setAttribute('aria-hidden', 'false'); }); }); }; // Update aria-hidden when Flickity is ready and when it settles on a new slide flkty.on('ready', updateAriaHidden); flkty.on('settle', updateAriaHidden); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { var flkty = new Flickity('.carousel'); // Function to add focusin and focusout event listeners to each slide var addFocusEvents = function() { flkty.slides.forEach(function(slide, index) { var focusableElements = slide.getCellElements()[0].querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])'); focusableElements.forEach(function(el) { el.addEventListener('focusin', function() { flkty.select(index); // Select the slide corresponding to the focused element }); }); }); }; // Call addFocusEvents when Flickity is ready flkty.on('ready', addFocusEvents); }); </script> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var darkModeToggle = document.getElementById('dark-mode-toggle'); var highContrastToggle = document.getElementById('high-contrast-toggle'); // Dark Mode toggle darkModeToggle.addEventListener('change', function() { if (this.checked) { document.body.classList.add('dark-mode'); localStorage.setItem('darkMode', 'enabled'); } else { document.body.classList.remove('dark-mode'); localStorage.setItem('darkMode', 'disabled'); } }); // High Contrast toggle highContrastToggle.addEventListener('change', function() { if (this.checked) { document.body.classList.add('high-contrast'); localStorage.setItem('highContrast', 'enabled'); } else { document.body.classList.remove('high-contrast'); localStorage.setItem('highContrast', 'disabled'); } }); // Load settings from localStorage if (localStorage.getItem('darkMode') === 'enabled') { document.body.classList.add('dark-mode'); darkModeToggle.checked = true; } if (localStorage.getItem('highContrast') === 'enabled') { document.body.classList.add('high-contrast'); highContrastToggle.checked = true; } }); </script> <script type="speculationrules"> {"prerender":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-login.php","\/wp-admin\/*","\/*\\?*(^|&)_wpnonce=*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/Jack2020\/*"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prerender"}}]},"eagerness":"moderate"}]} </script> <script type="text/javascript" id="leadin-script-loader-js-js-extra"> /* <![CDATA[ */ var leadin_wordpress = {"userRole":"visitor","pageType":"post","leadinPluginVersion":"11.1.66"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://js.hs-scripts.com/4459403.js?integration=WordPress&ver=11.1.66" id="leadin-script-loader-js-js"></script> <script type="text/javascript" id="jquery-lazyloadxt-js-extra"> /* <![CDATA[ */ var a3_lazyload_params = {"apply_images":"1","apply_videos":"1"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="//jackmorton.com/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.extra.min.js?ver=2.7.3" id="jquery-lazyloadxt-js"></script> <script type="text/javascript" defer='defer' src="//jackmorton.com/wp-content/plugins/a3-lazy-load/assets/js/jquery.lazyloadxt.srcset.min.js?ver=2.7.3" id="jquery-lazyloadxt-srcset-js"></script> <script type="text/javascript" id="jquery-lazyloadxt-extend-js-extra"> /* <![CDATA[ */ var a3_lazyload_extend_params = {"edgeY":"0","horizontal_container_classnames":""}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://jackmorton.com/wp-content/cache/asset-cleanup/js/item/a3-lazy-load__assets__js__jquery-lazyloadxt-extend-js-vb42445de4a89dce0c45ac4e9e64fbbf5f55cfb7a.js" id="jquery-lazyloadxt-extend-js"></script> <script type="text/javascript" defer='defer' src="https://jackmorton.com/wp-content/themes/Jack2020/frontend/public/javascripts/app.js" id="appjs-js"></script> <script type="text/javascript" defer='defer' src="https://jackmorton.com/wp-content/plugins/youtube-embed-plus/scripts/fitvids.min.js?ver=14.2.1.2" id="__ytprefsfitvids__-js"></script> </body> </html>

CINXE.COM

Clash of Clans Bathroom Battlestation | Case Study | Jack Morton