https://gamenoodlesoup.com/_app/immutable/nodes/8.2a572292.js

1import{s as C,h as k,n as S,o as B}from"../chunks/scheduler.d9a37e47.js";import{S as E,i as I,g as m,s as f,h,j as b,C as v,c as y,f as u,k as a,a as A,A as n}from"../chunks/index.ed27b99f.js";function L(p){let e,s,g=`<div class="text-left py-24 pt-36 gap-16 md:gap-8 max-w-7xl mx-6 lg:mx-auto text-white"><div class="my-auto"><img src="/assets/images/case_studies_hsbc.jpg" alt="Case Studies HSBC"/> <h1 class="text-6xl font-extrabold text-white my-8"><span class="text-gns-contrast">Uploading brand identities</span> to the
2          virtual world: How we collaborated with HSBC and partners to create the
3          Paraverse</h1> <p>Client: HSBC, Wunderman Thompson</p> <p>🏆 Hong Kong Kam Fan Awards 2022: Digital - Web Platform - Web App /
4          Microsite (Merit)</p> <p>🏆 MARKies Awards 2023 Hong Kong: Best Idea – Gamification (Silver) &amp;
5          Best Use of O2O Strategy (Silver)</p> <p>🏆 2023 Effie Awards Hong Kong: General Specialty: Experimental
6          Marketing - Live / Digital / Live &amp; Digital (Bronze)</p> <p></p></div></div>`,c,l,_=`<h2 class="text-lg font-medium">Rebuilding Tsim Sha Tsui and Causeway Bay, bridging the virtual and the
7      real world, all the incentives in the “SUMMERverse” and “WINTERverse”
8      translate into reality and include the introduction of popular partners
9      such as TamJai Mixian (譚仔雲南米線), TamJai SamGor Mixian (譚仔三哥米線)
10      and MaskOn._, to add to the excitement of the launch. The campaign aims to
11      break boundaries with a holistic marketing strategy, from choosing the
12      most impactful brand ambassadors to picking the most engaging medium by
13      utilising the metaverse, to create a &quot;Paraverse&quot; experience with maximum
14      synergy.</h2> <div class="md:flex gap-4"><img src="/assets/images/tamjai_metaverse_cap.webp" alt="TamJai Metaverse" class="my-8 md:w-1/2"/> <img src="/assets/images/mtr_station_metaverse_cap.webp" alt="MTR Station Metaverse" class="my-8 md:w-1/2"/></div> <h3 class="text-4xl font-bold text-gns-primary my-8">The Challenge</h3> <p>HSBC wanted to create a unique and engaging experience for its customers
15      in Hong Kong, while also promoting its new digital banking platform. They
16      needed a way to bridge the gap between the physical and digital worlds,
17      and to create a memorable experience that would resonate with their target
18      audience.</p> <h3 class="text-4xl font-bold text-gns-primary my-8">The Solution</h3> <p>We collaborated with HSBC and partners to create the Paraverse, a virtual
19      world that allows users to explore and interact with HSBC&#39;s digital
20      banking platform in a fun and engaging way. The Paraverse is designed to
21      be an immersive experience that combines elements of gaming, social media,
22      and digital banking.</p>`,w,o,M=`<h2 class="text-2xl font-medium text-center text-white max-w-4xl mx-auto mb-8">&quot;[HSBC] rejuvenated and partnered with brands that <br/><span class="text-gns-contrast font-bold text-3xl">share the same language</span>
23      with our end customers...,<br/> it’s all about using the right marketing content
24      and channels to communicate with customers.”</h2> <p class="pb-8 text-white text-center"><span class="font-bold text-xl">Brian Hui</span> <br/>Head of Marketing
25      and Customer Proposition, HSBC<br/> on
26      <a href="https://www.marketing-interactive.com/hsbc-hk-breaks-boundaries" target="_blank" class="underline">Marketing Interactive</a></p>`,x,d,t,T;return{c(){e=m("main"),s=m("section"),s.innerHTML=g,c=f(),l=m("article"),l.innerHTML=_,w=f(),o=m("div"),o.innerHTML=M,x=f(),d=m("div"),t=m("iframe"),this.h()},l(r){e=h(r,"MAIN",{class:!0});var i=b(e);s=h(i,"SECTION",{id:!0,class:!0,"data-svelte-h":!0}),v(s)!=="svelte-jm2vh6"&&(s.innerHTML=g),c=y(i),l=h(i,"ARTICLE",{class:!0,"data-svelte-h":!0}),v(l)!=="svelte-1gzu0zt"&&(l.innerHTML=_),w=y(i),o=h(i,"DIV",{class:!0,"data-svelte-h":!0}),v(o)!=="svelte-1dpp2a9"&&(o.innerHTML=M),x=y(i),d=h(i,"DIV",{class:!0});var H=b(d);t=h(H,"IFRAME",{width:!0,height:!0,src:!0,title:!0,frameborder:!0,allow:!0,referrerpolicy:!0}

26),b(t).forEach(u),H.forEach(u),i.forEach(u),this.h()},h(){a(s,"id","masthead"),a(s,"class","bg-[url('/assets/gradient_bg_rectangle.png')] bg-repeat"),a(l,"class","max-w-7xl mx-6 lg:mx-auto py-24"),a(o,"class","flex bg-gns-primary flex-col py-16"),a(t,"width",p[0]),a(t,"height",p[1]),k(t.src,T="https://www.youtube.com/embed/qlwr2bVIc9k")||a(t,"src",T),a(t,"title","升級版「最紅WINTERverse」過3關有獎抽｜滙豐信用卡最紅冬日賞"),a(t,"frameborder","0"),a(t,"allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"),a(t,"referrerpolicy","strict-origin-when-cross-origin"),t.allowFullscreen=!0,a(d,"class","mx-auto flex justify-center max-w-7xl py-16"),a(e,"class","bg-white")},m(r,i){A(r,e,i),n(e,s),n(e,c),n(e,l),n(e,w),n(e,o),n(e,x),n(e,d),n(d,t)},p(r,[i]){i&1&&a(t,"width",r[0]),i&2&&a(t,"height",r[1])},i:S,o:S,d(r){r&&u(e)}}}function R(p,e,s){let g="0",c="0";return B(()=>{s(0,g=(window==null?void 0:window.innerWidth)>768?"800":"100%"),s(1,c=(window==null?void 0:window.innerWidth)>768?"450":"300")}),[g,c]}class P extends E{constructor(e){super(),I(this,e,R,L,C,{})}}export{P as component};