Studio London | 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/2023/12/Hero_CanvaStudioLondon-jpg.webp" /> <title>Studio London | 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' />  <link rel="canonical" href="https://jackmorton.com/work/studio-london/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Studio London | Case Study | Jack Morton" /> <meta property="og:url" content="https://jackmorton.com/work/studio-london/" /> <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="2023-12-13T18:52:19+00:00" /> <meta property="og:image" content="https://jackmorton.com/wp-content/uploads/2023/12/Hero_CanvaStudioLondon-jpg.webp" /> <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="Written by" /> <meta name="twitter:data1" content="Craig Smith" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://jackmorton.com/work/studio-london/","url":"https://jackmorton.com/work/studio-london/","name":"Studio London | Case Study | Jack Morton","isPartOf":{"@id":"https://jackmorton.com/#website"},"primaryImageOfPage":{"@id":"https://jackmorton.com/work/studio-london/#primaryimage"},"image":{"@id":"https://jackmorton.com/work/studio-london/#primaryimage"},"thumbnailUrl":"https://jackmorton.com/wp-content/uploads/2023/12/Hero_CanvaStudioLondon-jpg.webp","datePublished":"2023-12-07T18:44:09+00:00","dateModified":"2023-12-13T18:52:19+00:00","breadcrumb":{"@id":"https://jackmorton.com/work/studio-london/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://jackmorton.com/work/studio-london/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://jackmorton.com/work/studio-london/#primaryimage","url":"https://jackmorton.com/wp-content/uploads/2023/12/Hero_CanvaStudioLondon-jpg.webp","contentUrl":"https://jackmorton.com/wp-content/uploads/2023/12/Hero_CanvaStudioLondon-jpg.webp","width":1600,"height":900},{"@type":"BreadcrumbList","@id":"https://jackmorton.com/work/studio-london/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://jackmorton.com/"},{"@type":"ListItem","position":2,"name":"Studio London"}]},{"@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"> Canva </h1> <h2 class="c-hero__subtitle"> Studio London </h2> </div> </div> <div class="c-hero__img"> <img class="skip-lazy" fetchpriority="high" src="https://jackmorton.com/wp-content/uploads/2023/12/Hero_CanvaStudioLondon-jpg.webp" 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"> Canva Studio London </div> </div> </section> <section class="c-section c-section--ornament u-pb-0"> <div class="c-section__title"> <h2>Studio London</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/2023/12/Artboard-1_CanvaStudio-jpg.webp"/> </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/2023/12/Artboard-2_CanvaStudio-jpg.webp"/> </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/2023/12/Artboard-3_CanvaStudio-jpg.webp"/> </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/2023/12/Artboard-4_CanvaStudio-jpg.webp"/> </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"> A space where people could tap into their inner child, explore and play freely with elements of design. </h2> </div> <div class="o-layout__item u-4-of-10@lg"> <div class="u-pt-xxl@lg"> <p>Canva empowers the world to design. To make a splash announcing their arrival in the EMEA market and celebrate the opening of their London HQ, Canva launched an immersive activation at the heart of London, featuring Canva founders Mel, Cliff, and Cam. The event served as a pivotal opportunity for Canva to engage with and educate the local community, articulate its mission and vision for the market, and generate substantial media coverage and excitement throughout the EMEA region.</p> <p>Creativity and self-expression can be a bit scary. To break through fears and teach new skills, we created a space where people could tap into their inner child, explore and play freely with elements of design.</p> <p>To remove barriers to learning and connection, we created an interactive “Canva Studio” pop-up, effectively bringing elements of Canva to life in the real world. The immersive experience included bookable how-to sessions and fostered an environment that encouraged creativity and collaboration. The studio served as a communal gathering place for Canva enthusiasts looking to mutually educate, assist, and inspire one another. And Canva experts were on hand to impart new design skills, while fans found a dedicated space to express their #canvalove online through their social channels.</p> <p>In a whirlwind six-week journey, we designed and crafted an immersive space that embraced Canva鈥檚 official step into the European market. Echoing Canva’s strategy “Do The Most Good”, we formed meaningful partnerships with HELLO LOVE and Bloom Hospitality, and enlisted the extraordinary talents of Geo Law, a renowned London-based illustrator, to design event specific artworks including a custom posca mural and design assets.</p> <p><strong>Impact</strong></p> <p>The Canva Studio received 1,200 live attendees over three days and over 13,000 unique views on the Canva Studio London viewing page. It also generated over 300K in organic reach with a 300% increase in UK-based clickthrough rate on paid socials.</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/technology/" rel="tag">Technology Industry</a></h4> <h4>Services involved:</h4> <ul > <li><b><a href="https://jackmorton.com/services/event-marketing/">Event Marketing</a></b> </li> <li><b><a href="https://jackmorton.com/services/influencer-events/">Influencer 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

Studio London | Case Study | Jack Morton