Next Big Thing | 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> <meta name="msvalidate.01" content="4687CAA56F71321B2F24EA211BF52332" /> <script type="text/javascript"> function OptanonWrapper() { } </script>  <link rel="preload" as="image" href="https://jackmorton.com/wp-content/uploads/2021/05/Picture1.png" /> <title>Next Big Thing | 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' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <link rel="canonical" href="https://jackmorton.com/work/officeworks-next-big-thing/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Next Big Thing | Case Study | Jack Morton" /> <meta property="og:url" content="https://jackmorton.com/work/officeworks-next-big-thing/" /> <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-06-20T18:49:28+00:00" /> <meta property="og:image" content="https://jackmorton.com/wp-content/uploads/2021/05/Picture1.png" /> <meta property="og:image:width" content="1600" /> <meta property="og:image:height" content="906" /> <meta property="og:image:type" content="image/png" /> <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/officeworks-next-big-thing/","url":"https://jackmorton.com/work/officeworks-next-big-thing/","name":"Next Big Thing | Case Study | Jack Morton","isPartOf":{"@id":"https://jackmorton.com/#website"},"primaryImageOfPage":{"@id":"https://jackmorton.com/work/officeworks-next-big-thing/#primaryimage"},"image":{"@id":"https://jackmorton.com/work/officeworks-next-big-thing/#primaryimage"},"thumbnailUrl":"https://jackmorton.com/wp-content/uploads/2021/05/Picture1.png","datePublished":"2020-11-11T18:16:24+00:00","dateModified":"2023-06-20T18:49:28+00:00","breadcrumb":{"@id":"https://jackmorton.com/work/officeworks-next-big-thing/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://jackmorton.com/work/officeworks-next-big-thing/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://jackmorton.com/work/officeworks-next-big-thing/#primaryimage","url":"https://jackmorton.com/wp-content/uploads/2021/05/Picture1.png","contentUrl":"https://jackmorton.com/wp-content/uploads/2021/05/Picture1.png","width":1600,"height":906,"caption":"Next Big Thing"},{"@type":"BreadcrumbList","@id":"https://jackmorton.com/work/officeworks-next-big-thing/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://jackmorton.com/"},{"@type":"ListItem","position":2,"name":"Next Big Thing"}]},{"@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.7.1' 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.3' 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":"ce2f6b112b","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.3","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.3" 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;} .custom-post-container { max-width: 900px; margin: 0 auto; padding: 20px; } .intro { text-align: left; margin-bottom: 40px; } .custom-content { display: flex; flex-direction: column; gap: 30px; } .row { display: flex; align-items: center; gap: 20px; } .row-reverse { flex-direction: row-reverse; } .column { flex: 1; } .image img { width: 100%; height: auto; display: block; border-radius: 8px; } .column.image img { border: 1px solid #708090; /* Slate gray border */ padding: 2px; /* Optional: Adds slight spacing inside the border */ border-radius: 4px; /* Optional: Slightly rounded corners */ } /* Responsive: Stack items on smaller screens */ @media (max-width: 768px) { .row { flex-direction: column !important; } .image img { max-width: 100%; height: auto; } } </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="/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"> Officeworks </h1> <h2 class="c-hero__subtitle"> Next Big Thing </h2> </div> </div> <div class="c-hero__img"> <img class="skip-lazy" fetchpriority="high" src="https://jackmorton.com/wp-content/uploads/2021/05/Picture1.png" loading="eager" data-adaptive-images="true" width="800" height="600" alt="Next Big Thing" /> </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"> Scaling up a virtual experience and designing it to keep millennials engaged and enthralled </div> </div> </section> <section class="c-section c-section--ornament u-pb-0"> <div class="c-section__title"> <h2>Next Big Thing</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/2021/05/Picture2.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/2021/05/Picture3.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/2021/05/Picture4.jpg"/> </div> </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"> When COVID-19 hit and shut down live events, we had to figure out a way for the show to go on. </h2> </div> <div class="o-layout__item u-4-of-10@lg"> <div class="u-pt-xxl@lg"> <p>Each year, Officeworks hosts a team summit, the Year Beginning Meeting (YBM), for over 325 employees. But when COVID-19 hit and shut down live events, we had to figure out a way for the show to go on. We landed on a virtual experience that we scaled up for an audience five times larger – all completed within a tight turnaround.</p> <p>Bringing people together when you need to stay apart is tricky. But despite the challenges, we created a week-long live stream which delivered vital messages in fun, relatable way that mirrored how Officeworks’ largely millennial staff consume content. This multi-day, multi-layered hybrid experience, turned its new brand vision (‘Our Next Big Thing’) into tangible action and guided employees through a myriad of content that revealed new pillars of the brand strategy. The content blended information and interactivity that ranged from business updates to learning sessions that integrated live artwork, to game shows and variety programming. A live Q&A session with the Officeworks leadership team finished of the week. Created using a mix of live and pre-recorded segments, animations and even props from Officeworks copy centers, the content fit seamlessly into the daily broadcasts.</p> <p>Employees from across the business were engaged, chiming in about how they enjoyed the content, especially the comic moments. And our client’s response? “We’ve had positive feedback from across the team . . . a massive thank you for helping us deliver an amazing Year Beginning Meeting.”</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/consumer-products-services/" rel="tag">Consumer Products & Services Industry</a>, <a href="https://jackmorton.com/industries/retail/" rel="tag">Retail Industry</a></h4> <h4>Services involved:</h4> <ul > <li><b><a href="https://jackmorton.com/services/employee-engagement/">Employee Experience</a></b> </li> <li><b><a href="https://jackmorton.com/services/corporate-sets/">Corporate Sets</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">© 2025 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="/ca-privacy-notice-jack-morton-2025-edition/">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-*.php","\/wp-admin\/*","\/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.82"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://js.hs-scripts.com/4459403.js?integration=WordPress&ver=11.1.82" 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.3" id="__ytprefsfitvids__-js"></script> </body> </html>

CINXE.COM

Next Big Thing | Case Study | Jack Morton