It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.thexover.agency

  1. <!DOCTYPE html><!-- Last Published: Tue Apr 01 2025 02:54:02 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.thexover.agency" data-wf-page="65a60734769713f93a0e037f" data-wf-site="60acb2692596f362c7ad82f1"><head><meta charset="utf-8"/><title>The X/OVER Agency | Branding, Design, Web and Content Agency Sydney, Australia</title><meta content="Creating brands that matter. Experts in Digital Design, Branding, UX/UI, Website Design and Development, Social Media Content Creation, Motion Design in Australia" name="description"/><meta content="The X/OVER Agency | Branding, Design, Web and Content Agency Sydney, Australia" property="og:title"/><meta content="Creating brands that matter. Experts in Digital Design, Branding, UX/UI, Website Design and Development, Social Media Content Creation, Motion Design in Australia" property="og:description"/><meta content="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65a616d71a5d2647f98baa0d_XOVER_Unltd-BrocureMock.jpg" property="og:image"/><meta content="The X/OVER Agency | Branding, Design, Web and Content Agency Sydney, Australia" property="twitter:title"/><meta content="Creating brands that matter. Experts in Digital Design, Branding, UX/UI, Website Design and Development, Social Media Content Creation, Motion Design in Australia" property="twitter:description"/><meta content="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65a616d71a5d2647f98baa0d_XOVER_Unltd-BrocureMock.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/css/x-over.webflow.a50d30993.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6500e668e2cfe3fd9559798b_XO_Icon_OnBlack_Favicon02.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6500e66f30d1d3041b828f66_XO_Icon_OnBlack_Favicon01.png" rel="apple-touch-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-170632016-1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-170632016-1', {'anonymize_ip': false});</script><script src="https://www.google.com/recaptcha/api.js" type="text/javascript"></script><script type="text/javascript">!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '800717710877275');fbq('track', 'PageView');</script><meta name="p:domain_verify" content="7590ff59260d92c4643066a70a0801ce"/>
  2. <!-- Google Tag Manager -->
  3. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  4. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  5. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  6. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  7. })(window,document,'script','dataLayer','GTM-NSNMJ66');</script>
  8. <!-- End Google Tag Manager -->
  9. <script type="text/javascript">
  10.    (function(c,l,a,r,i,t,y){
  11.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  12.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  13.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  14.    })(window, document, "clarity", "script", "hxzogz9jk9");
  15. </script>
  16. <script type="text/javascript">
  17.    (function(c,l,a,r,i,t,y){
  18.        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  19.        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  20.        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  21.    })(window, document, "clarity", "script", "hxzogz9jk9");
  22. </script>
  23.  
  24. <!-- Facebook Pixel Code -->
  25. <script>
  26. !function(f,b,e,v,n,t,s)
  27. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  28. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  29. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  30. n.queue=[];t=b.createElement(e);t.async=!0;
  31. t.src=v;s=b.getElementsByTagName(e)[0];
  32. s.parentNode.insertBefore(t,s)}(window, document,'script',
  33. 'https://connect.facebook.net/en_US/fbevents.js');
  34. fbq('init', '800717710877275');
  35. fbq('track', 'PageView');
  36. </script>
  37. <noscript><img height="1" width="1" style="display:none"
  38. src="https://www.facebook.com/tr?id=800717710877275&ev=PageView&noscript=1"
  39. /></noscript>
  40. <!-- End Facebook Pixel Code -->
  41.  
  42.  
  43. <script type="text/javascript">
  44.  
  45.  <!--Cursor Javascript-->
  46.    
  47.    var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
  48.    if (mobile) {
  49.        $('.cursor_wrapper').css('display', 'none'); // OR you can use $('.navWrap').hide();
  50.    }
  51.    else
  52.    {  
  53.    }
  54. </script>  
  55. <meta name="facebook-domain-verification" content="ohlyd8uhdbqcx6kxjd4v5wswjjbor5" />
  56.  
  57. <style>
  58. .content {
  59. isolation: isolate;
  60. }
  61.  
  62. .content__img {
  63. opacity: 0;
  64. will-change: transform;
  65. }
  66.  
  67. .content__img--full {
  68. width: 100%;
  69. height: 100%;
  70. background-size: cover;
  71. }
  72.  
  73. <style>
  74. .gold-gradient-span {
  75. -webkit-box-decoration-break: clone;
  76. }
  77. </style>
  78.  
  79. </style></head><body class="body"><div class="w-embed w-iframe"><!-- Google Tag Manager (noscript) -->
  80. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NSNMJ66"
  81. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  82. <!-- End Google Tag Manager (noscript) --></div><div Resize=".w-background-video&gt;video {    max-width: -webkit-fill-available;" class="w-embed"><style>
  83. .bg-blur {
  84. backdrop-filter: blur(16px);
  85. -webkit-backdrop-filter: blur(16px);
  86. }
  87. </style></div><div Resize=".w-background-video&gt;video {    max-width: -webkit-fill-available;" class="w-embed"><style>
  88. .bg-blur {
  89. backdrop-filter: blur(16px);
  90. -webkit-backdrop-filter: blur(16px);
  91. }
  92. </style></div><div class="fullpage"><div data-animation="default" class="navbar w-nav" data-easing2="ease-out" data-easing="ease-in-out-quad" data-collapse="tiny" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a14" role="banner" data-duration="600" data-doc-height="1"><div class="navbar-container"><a href="/" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a16" aria-current="page" class="brand w-nav-brand w--current"><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White.png" loading="lazy" width="300" sizes="(max-width: 479px) 96vw, 300px" alt="" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-500.png 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-800.png 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-1080.png 1080w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-1600.png 1600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-2000.png 2000w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-2600.png 2600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White-p-3200.png 3200w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/64fffd018398c5de8349dced_XO_LogoHorizontal_White.png 7913w" class="image-21"/></a><nav role="navigation" class="nav-menu w-nav-menu"><a href="/" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a19" aria-current="page" class="nav-link w-nav-link w--current">Home</a><link rel="prerender" href="/"/><a href="/about-us" data-w-id="a8aae501-288b-93c5-3f19-08ebbb224a48" class="nav-link w-nav-link">About Us</a><link rel="prerender" href="/about-us"/><a href="/services" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a1d" class="nav-link w-nav-link">Services</a><link rel="prerender" href="/services"/><a href="/our-projects" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a1f" class="nav-link w-nav-link">Our Projects</a><link rel="prerender" href="/our-projects"/><a href="/blogs" data-w-id="256d703d-b13a-df56-7b9f-ca8bcc5279b3" class="nav-link w-nav-link">Blogs</a><link rel="prerender" href="/blogs"/><a href="/contact-us" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a21" class="nav-link w-nav-link">Contact</a><link rel="prerender" href="/contact-us"/><a href="tel:+61280890223" class="button-5 w-button">Call Us +61 2 8089 0223</a></nav><div class="menu-button w-nav-button"><div data-is-ix2-target="1" class="lottie-animation" data-w-id="087aa739-f88b-efb6-f28d-a1b80e8f2a24" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/60bf3f5c7e21d3d41f948c60_lf30_editor_3ansmkpi.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.5333333333333334" data-duration="0"></div></div></div></div><div class="background-xover is-on-mobile"><div class="section-xover"><div class="container-xover"><div class="content-hero"><div><h1 data-gsap="an4" data-w-id="a08fecef-ae1f-30c8-166d-0488850a1120" style="opacity:0" class="hero-heading-xover">We are the human element behind digital evolution. A creative design agency based in Sydney comprised of passionate individuals, focused on elevating your brand through design, digital and content.</h1></div><div class="link-holder-xover"><a href="/our-projects" class="learn-more-link-read-more">See Our Work</a><div class="arrow-holder"></div></div></div></div></div></div><div class="background-xover is-white"><div data-delay="4000" data-animation="over" class="slider-2 w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="true" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="mask-2 w-slider-mask"><div class="slide-2 w-slide"><div class="background-video w-background-video w-background-video-atom" data-autoplay="true" data-loop="true" data-beta-bgvideo-upgrade="false" data-wf-ignore="true" style="opacity:0" data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1%2F66e290b445ac7a1920e7bf07_The_XOVER_Agency_60s_Reel-poster-00001.jpg" data-w-id="3ff83aad-21dd-bc98-8775-8aaec12e4dba" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1%2F66e290b445ac7a1920e7bf07_The_XOVER_Agency_60s_Reel-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1%2F66e290b445ac7a1920e7bf07_The_XOVER_Agency_60s_Reel-transcode.webm"><video id="3ff83aad-21dd-bc98-8775-8aaec12e4dba-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1%2F66e290b445ac7a1920e7bf07_The_XOVER_Agency_60s_Reel-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1%2F66e290b445ac7a1920e7bf07_The_XOVER_Agency_60s_Reel-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1%2F66e290b445ac7a1920e7bf07_The_XOVER_Agency_60s_Reel-transcode.webm" data-wf-ignore="true"/></video><div class="section-xover"><div class="container-xover is-mrg-16"><div data-w-id="3ff83aad-21dd-bc98-8775-8aaec12e4dbd" style="opacity:0" class="video-content-xovoer"></div></div></div></div></div></div><div data-w-id="3ff83aad-21dd-bc98-8775-8aaec12e4de8" class="left-arrow-2 w-slider-arrow-left"></div><div data-w-id="3ff83aad-21dd-bc98-8775-8aaec12e4dea" class="right-arrow-2 w-slider-arrow-right"></div><div class="slide-nav-2 w-slider-nav"></div></div><div class="section-xover is-padding-y-64 nobtm-padding-copy"><div class="container-xover is-trl-copy"><div class="columns-4 w-row"><div class="w-col w-col-6"><div class="text-block-19">Our recent projects</div><h1 class="heading-10">See how we have evolved brands to make an impact in an ever-changing cultural landscape.</h1></div><div class="w-col w-col-6"></div></div><div id="w-node-d06b1d4d-bddc-0ae9-b989-bacf36232f3e-3a0e037f" class="w-layout-layout quick-stack-7 wf-layout-layout"><div class="w-layout-cell"><a href="/our-work/apricity-the-label" class="link-block-13 w-inline-block"><img class="image-44" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722da6d875170c31d2d0125_TheXOVERAgency_ApricityTheLabel_Thumb.jpg" width="608" alt="" style="opacity:0" sizes="(max-width: 767px) 100vw, 608px" data-w-id="d06b1d4d-bddc-0ae9-b989-bacf36232f41" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722da6d875170c31d2d0125_TheXOVERAgency_ApricityTheLabel_Thumb-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722da6d875170c31d2d0125_TheXOVERAgency_ApricityTheLabel_Thumb-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722da6d875170c31d2d0125_TheXOVERAgency_ApricityTheLabel_Thumb.jpg 952w"/></a><div id="w-node-d06b1d4d-bddc-0ae9-b989-bacf36232f42-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><h1 class="heading-11"><a href="/our-work/apricity-the-label" class="link-28">Apricity The Label → </a><br/></h1></div><div class="w-layout-cell"><p class="paragraph-42">Crafting modern luxury through lifestyle apparel</p><p class="paragraph-35">Brand Design / Graphic Design / Website Design &amp; Development / Photography</p></div></div></div><div class="w-layout-cell"><div id="w-node-d06b1d4d-bddc-0ae9-b989-bacf36232f4a-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><a href="/our-work/francom" class="link-block-14 w-inline-block"><img class="image-45" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/67bbeeff9a2fbbc097e718ac_TheXOVERAgency_Francom_Extended3D.jpg" width="576" alt="" style="opacity:0" sizes="(max-width: 767px) 100vw, 576px" data-w-id="d06b1d4d-bddc-0ae9-b989-bacf36232f4d" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/67bbeeff9a2fbbc097e718ac_TheXOVERAgency_Francom_Extended3D-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/67bbeeff9a2fbbc097e718ac_TheXOVERAgency_Francom_Extended3D-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/67bbeeff9a2fbbc097e718ac_TheXOVERAgency_Francom_Extended3D-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/67bbeeff9a2fbbc097e718ac_TheXOVERAgency_Francom_Extended3D-p-1600.jpg 1600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/67bbeeff9a2fbbc097e718ac_TheXOVERAgency_Francom_Extended3D.jpg 1920w"/></a></div><div class="w-layout-cell cell-23"><h1 class="heading-11"><a href="/our-work/francom" class="link-28">Francom →</a><br/></h1><p class="paragraph-42">Shaping a dynamic digital presence for a leader in business solutions </p><p class="paragraph-35">Website Design &amp; Development  / Motion Design / Content Creation </p></div></div><a href="/our-work/lphay-skincare" class="link-block-27 w-inline-block"><img class="image-41" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65a4c75337b6a1c4fa51b39d_WebL_Phay8515_Final_Web.jpg" width="599" alt="LPHAY Skincare Project thumbnail" style="opacity:0" sizes="(max-width: 767px) 100vw, 599px" data-w-id="5dd9fa18-f0c0-7f57-8c0e-c57fd2553ac0" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65a4c75337b6a1c4fa51b39d_WebL_Phay8515_Final_Web-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65a4c75337b6a1c4fa51b39d_WebL_Phay8515_Final_Web-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65a4c75337b6a1c4fa51b39d_WebL_Phay8515_Final_Web.jpg 1080w"/></a><h1 class="heading-11"><a href="/our-work/lphay-skincare" class="link-28">L&#x27;PHAY Skincare →</a><br/></h1><p class="paragraph-42">Curating purity and calm for a skincare label grounded in Tasmania&#x27;s natural beauty</p><p class="paragraph-35">Brand Design / Packaging Design / Website Design &amp; Development / Photography</p></div></div><div class="background-video w-background-video w-background-video-atom" data-autoplay="true" data-loop="true" data-beta-bgvideo-upgrade="false" data-wf-ignore="true" style="opacity:0" data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c895ac3a82b8be8591a77_1863_WEb_Reel-poster-00001.jpg" data-w-id="e8e9dee9-00a3-2785-4111-df455a8041c5" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c895ac3a82b8be8591a77_1863_WEb_Reel-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c895ac3a82b8be8591a77_1863_WEb_Reel-transcode.webm"><video id="e8e9dee9-00a3-2785-4111-df455a8041c5-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c895ac3a82b8be8591a77_1863_WEb_Reel-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c895ac3a82b8be8591a77_1863_WEb_Reel-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c895ac3a82b8be8591a77_1863_WEb_Reel-transcode.webm" data-wf-ignore="true"/></video><div class="section-xover"><div class="container-xover is-mrg-16"><div data-w-id="e8e9dee9-00a3-2785-4111-df455a8041c8" style="opacity:0" class="video-content-xovoer"></div></div></div></div><div id="w-node-_5089341a-68ef-719a-1c56-3e3f4322d29a-3a0e037f" class="w-layout-layout quick-stack-7 wf-layout-layout"><div class="w-layout-cell cell-9"><div id="w-node-_5089341a-68ef-719a-1c56-3e3f4322d29e-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><h1 class="heading-11"><a href="/our-work/1863-football" class="link-28">1863 Football →</a><br/></h1></div><div class="w-layout-cell"><p class="paragraph-42">Reviving the spirit of sport through heritage, community and shared passion</p><p class="paragraph-35">Brand Design / Motion Design / Apparel Design</p></div></div><div id="w-node-bdf58223-f81f-e9bc-94dd-7c84bab7d312-3a0e037f" class="w-layout-layout quick-stack-7 wf-layout-layout"><div class="w-layout-cell"><a href="/our-work/social-pinpoint" class="link-block-12 w-inline-block"><img class="image-46" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/66331f22679e0b329d26f4d0_TheXOVERAgency_SocialPinpoint_Desktop%20(0-00-01-11).jpg" width="576" alt="WEBSITE DESIGN AND DEVELOPMENT For social pinpoint
  93. " style="opacity:0" sizes="(max-width: 767px) 100vw, 576px" data-w-id="bdf58223-f81f-e9bc-94dd-7c84bab7d315" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/66331f22679e0b329d26f4d0_TheXOVERAgency_SocialPinpoint_Desktop%20(0-00-01-11)-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/66331f22679e0b329d26f4d0_TheXOVERAgency_SocialPinpoint_Desktop%20(0-00-01-11)-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/66331f22679e0b329d26f4d0_TheXOVERAgency_SocialPinpoint_Desktop%20(0-00-01-11)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/66331f22679e0b329d26f4d0_TheXOVERAgency_SocialPinpoint_Desktop%20(0-00-01-11)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/66331f22679e0b329d26f4d0_TheXOVERAgency_SocialPinpoint_Desktop%20(0-00-01-11).jpg 1920w"/></a><div id="w-node-bdf58223-f81f-e9bc-94dd-7c84bab7d316-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><h1 class="heading-11"><a href="/our-work/social-pinpoint" class="link-28">Social Pinpoint →</a><br/></h1><p class="paragraph-42">Connecting people and ideas to shape a more engaged, collaborative world</p></div><div class="w-layout-cell"><p class="paragraph-35">Brand Design / Website Design &amp; Development</p></div></div></div><div class="w-layout-cell"><a href="/our-work/revate" class="link-block-11 w-inline-block"><img class="image-47" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65aa6d52809a02781ff8e4f7_TheXOVERAgency_Revate_Product_Thumb2.jpg" width="591" alt="Revate Skincare Project thumbnail" style="opacity:0" sizes="(max-width: 767px) 100vw, 591px" data-w-id="bdf58223-f81f-e9bc-94dd-7c84bab7d323" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65aa6d52809a02781ff8e4f7_TheXOVERAgency_Revate_Product_Thumb2-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65aa6d52809a02781ff8e4f7_TheXOVERAgency_Revate_Product_Thumb2-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65aa6d52809a02781ff8e4f7_TheXOVERAgency_Revate_Product_Thumb2-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/65aa6d52809a02781ff8e4f7_TheXOVERAgency_Revate_Product_Thumb2.jpg 1365w"/></a><div id="w-node-bdf58223-f81f-e9bc-94dd-7c84bab7d324-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><h1 class="heading-11"><a href="/our-work/revate" class="link-28">Revate Skincare →</a><br/></h1><p class="paragraph-42">Crafting and redefining simplicity for the modern man</p></div><div class="w-layout-cell"><p class="paragraph-35">Brand Design / Packaging Design / e-Commerce Website Design</p></div></div></div></div><div class="our-work-wrapper-copy"><a href="/our-projects" class="button w-button">View All Projects →</a></div></div></div></div></div></div><div class="background-xover is-black image-trail-effects"><div class="section-xover image-trl"><div class="container-xover is-trl"><div class="value-content-xover"><div class="content"><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f408cb1484ef3dfe588_WS_Phone%20copy.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f408cb1484ef3dfe588_WS_Phone%20copy-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f408cb1484ef3dfe588_WS_Phone%20copy-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f408cb1484ef3dfe588_WS_Phone%20copy.jpg 1000w" alt="xover gallery" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f413bddce402a077d8c_BohdeeTote.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f413bddce402a077d8c_BohdeeTote-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f413bddce402a077d8c_BohdeeTote-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f413bddce402a077d8c_BohdeeTote.jpg 1000w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f40e38b63eeaaf86aa5_Simpify_macbook.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f40e38b63eeaaf86aa5_Simpify_macbook-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f40e38b63eeaaf86aa5_Simpify_macbook-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f40e38b63eeaaf86aa5_Simpify_macbook.jpg 1000w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8edd2ac9c54bea454a43_Post%201.png" sizes="(max-width: 1080px) 100vw, 1080px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8edd2ac9c54bea454a43_Post%201-p-500.png 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8edd2ac9c54bea454a43_Post%201-p-800.png 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8edd2ac9c54bea454a43_Post%201.png 1080w" alt="xover gallery for web" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8ea92ac9c54bea452776_Asset%203.png" sizes="(max-width: 694px) 100vw, 694px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8ea92ac9c54bea452776_Asset%203-p-500.png 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8ea92ac9c54bea452776_Asset%203.png 694w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f4038e41da224493a50_Lumos-billBoard_01%20copy.jpg" sizes="(max-width: 1000px) 100vw, 1000px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f4038e41da224493a50_Lumos-billBoard_01%20copy-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f4038e41da224493a50_Lumos-billBoard_01%20copy-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661c8f4038e41da224493a50_Lumos-billBoard_01%20copy.jpg 1000w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618d18a50c703a3e9300a32_BI_THumb.jpg" sizes="(max-width: 1080px) 100vw, 1080px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618d18a50c703a3e9300a32_BI_THumb-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618d18a50c703a3e9300a32_BI_THumb-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618d18a50c703a3e9300a32_BI_THumb.jpg 1080w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm.png" sizes="(max-width: 2514px) 100vw, 2514px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm-p-500.png 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm-p-800.png 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm-p-1080.png 1080w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm-p-1600.png 1600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm-p-2000.png 2000w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cdf039ee67d081888c9d_Screenshot%202024-04-12%20at%203.59.52%E2%80%AFpm.png 2514w" alt="" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cf7591f871e53efc527e_Apricity_v002_RS_01_Gold%20(0-00-00-13).jpg" sizes="(max-width: 1080px) 100vw, 1080px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cf7591f871e53efc527e_Apricity_v002_RS_01_Gold%20(0-00-00-13)-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cf7591f871e53efc527e_Apricity_v002_RS_01_Gold%20(0-00-00-13)-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618cf7591f871e53efc527e_Apricity_v002_RS_01_Gold%20(0-00-00-13).jpg 1080w" alt="xover gallery image" class="content__img"/><img src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3.jpg" sizes="(max-width: 5000px) 100vw, 5000px" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-1600.jpg 1600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-2000.jpg 2000w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-2600.jpg 2600w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3-p-3200.jpg 3200w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/645b42e0d6e6c42167ae2c02_UnLtd_Poster_MockUps_3.jpg 5000w" alt="xover gallery for app" class="content__img"/></div><div class="value-content-right"><h2 class="sub-heading-xover max-width"><span class="gradient-span no-underline mobile-200">Value prop, drop and roll</span></h2><p class="paragraph-9">A rare blend of <span>thinkers and creators</span>, we bring both sides of the coin to the table.</p><p class="paragraph-smaller margin-64">A creative design agency that carves brands that are built to last, designed to attract and create immediate impact. We craft premium creative work for every application, from digital to print to experiential - using a recipe of passion, pride and a healthy amount of elbow grease.<br/><br/>Chat to us and let&#x27;s work together on your great idea.</p><div class="link-holder-xover"><div class="link-holder-xover"><a href="/our-projects" class="learn-more-link-read-more">See Our Work</a><div class="arrow-holder"></div></div></div></div></div></div></div></div><div class="background-xover is-dark-blue"><div class="section-xover"><div class="container-xover"><p class="paragraph-bigger">Our design services work in synergy to build and refine your brand. Whether you’re just starting out, rebranding, or expanding with new assets that align with existing guidelines, we’re here to support your brand at every step.</p><div class="content-cta-home"><div class="w-layout-blockcontainer container-6 w-container"></div><div id="w-node-_763c4808-7390-faec-0306-3c5c3d0e11b9-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div><div data-w-id="bc348db3-5829-413f-8aa8-27cc4343099a" class="content-cta-home-bottom"><div id="w-node-bc348db3-5829-413f-8aa8-27cc4343099b-5fbc37e7" class="single-item"><a href="/services/branding" class="link-block-4 w-inline-block"><h1 class="item-heading">Branding</h1></a><a href="/services/branding" class="link-38"><br/>Learn More →</a></div><div data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1bf5c825a13b3fc83e5d_TheXOVERAgency_Branding_Loop-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1bf5c825a13b3fc83e5d_TheXOVERAgency_Branding_Loop-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1bf5c825a13b3fc83e5d_TheXOVERAgency_Branding_Loop-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="w-node-bb0fc6ac-6389-2b48-7274-7452c885da15-5fbc37e7" data-w-id="bb0fc6ac-6389-2b48-7274-7452c885da15" class="background-video-8 w-background-video w-background-video-atom"><video id="bb0fc6ac-6389-2b48-7274-7452c885da15-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1bf5c825a13b3fc83e5d_TheXOVERAgency_Branding_Loop-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1bf5c825a13b3fc83e5d_TheXOVERAgency_Branding_Loop-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1bf5c825a13b3fc83e5d_TheXOVERAgency_Branding_Loop-transcode.webm" data-wf-ignore="true"/></video></div><div class="single-item"><p class="paragraph-smaller mrg-32">Artistry and innovation collide as we design emotive brands with personality at every touchpoint. We translate ideas into a visual identity, capturing why you do what you do and how. The visual aspects of a Brand is what forms the core pillars of it&#x27;s identity – from the logo design, typeface, colours and graphics. However, it doesn&#x27;t stop there; a true Brand Identity breathes into every corner of application, claiming ownership onto everything it touches.<br/><br/></p><div class="tab-holder-big"><div data-hover="false" data-delay="500" class="dropdown-big w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="heading-dropdown-holder-big"><div class="dropdown-text-big">View Full List of Capabilities</div><div class="dropdown-text-close-big">Close Full List of Capabilities</div></div></div><nav class="dropdown-list w-dropdown-list"><div class="services-capabilities-list"><h3 class="single-item-dropdown">Brand Design</h3><h3 class="single-item-dropdown">Brand Re-Fresh</h3><h3 class="single-item-dropdown">Concept Development</h3><h3 class="single-item-dropdown">Logo Design</h3><h3 class="single-item-dropdown">Brand Guidelines</h3><h3 class="single-item-dropdown">Brand Book</h3><h3 class="single-item-dropdown">Brand Development </h3><h3 class="single-item-dropdown">Brand Strategy </h3><h3 class="single-item-dropdown">Brand Platform</h3><h3 class="single-item-dropdown">Branded Icons </h3><h3 class="single-item-dropdown">Product Branding<br/></h3><h3 class="single-item-dropdown">Brand Logo</h3></div></nav></div></div></div></div><div id="w-node-c2d32444-f071-e11c-c7d7-e0ac16724eb5-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div><div data-w-id="6d21309e-21a0-2a92-2cc7-25d9052560e9" class="content-cta-home-bottom"><div id="w-node-_6d21309e-21a0-2a92-2cc7-25d9052560ea-5fbc37e7" class="single-item"><a href="/services/social-media-content-creation" class="link-block-4 w-inline-block"><h1 class="item-heading">Content Creation</h1></a><a href="/services/social-media-content-creation" class="link-38"><br/>Learn More →</a></div><div data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54b8717755f6f5edbc57_TheXOVERAgency_ContentCreation_Loop-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54b8717755f6f5edbc57_TheXOVERAgency_ContentCreation_Loop-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54b8717755f6f5edbc57_TheXOVERAgency_ContentCreation_Loop-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="w-node-_9e90e95a-9fa2-876b-faab-9feb12d530d3-5fbc37e7" data-w-id="9e90e95a-9fa2-876b-faab-9feb12d530d3" class="background-video-8 w-background-video w-background-video-atom"><video id="9e90e95a-9fa2-876b-faab-9feb12d530d3-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54b8717755f6f5edbc57_TheXOVERAgency_ContentCreation_Loop-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54b8717755f6f5edbc57_TheXOVERAgency_ContentCreation_Loop-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54b8717755f6f5edbc57_TheXOVERAgency_ContentCreation_Loop-transcode.webm" data-wf-ignore="true"/></video></div><div class="single-item"><p class="paragraph-smaller mrg-32">At The X/OVER Agency, we understand that in today&#x27;s digital landscape, your brand&#x27;s online presence is more vital than ever. Great content isn&#x27;t a luxury, it&#x27;s essential, and we believe it&#x27;s the true driver behind a brand. We understand the necessity of creating content that delivers a return on investment, and with our recipe of strategic design, you&#x27;ve come to the right place.<br/></p><div class="tab-holder-big"><div data-hover="false" data-delay="500" class="dropdown-big w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="heading-dropdown-holder-big"><div class="dropdown-text-big">View Full List of Capabilities</div><div class="dropdown-text-close-big">Close Full List of Capabilities</div></div></div><nav class="dropdown-list w-dropdown-list"><div class="services-capabilities-list"><h3 class="single-item-dropdown">Social Media</h3><h3 class="single-item-dropdown">Content Creation</h3><h3 class="single-item-dropdown">Creative Direction</h3><h3 class="single-item-dropdown">Website Content</h3><h3 class="single-item-dropdown">Videography</h3><h3 class="single-item-dropdown">Lifestyle Photography</h3><h3 class="single-item-dropdown">Product Photography</h3><h3 class="single-item-dropdown">Commercial Content</h3><h3 class="single-item-dropdown">Explainer Videos</h3><h3 class="single-item-dropdown">Instagram Reels</h3><h3 class="single-item-dropdown">Illustration<br/></h3><h3 class="single-item-dropdown">Motion Design</h3></div></nav></div></div></div></div><div id="w-node-e2689481-225c-b404-05bd-b0b25613333d-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div><div data-w-id="8a691a0c-ca01-0108-96cd-32c1f0e7679e" class="content-cta-home-bottom"><div id="w-node-_8a691a0c-ca01-0108-96cd-32c1f0e7679f-5fbc37e7" class="single-item"><a href="/services/web-design" class="link-block-4 w-inline-block"><h1 class="item-heading">Web Design</h1></a><a href="/services/web-design" class="link-38"><br/>Learn More →</a></div><div data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54d336ce7f253c0cdeb1_TheXOVERAgency_WebsiteDesign_Loop-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54d336ce7f253c0cdeb1_TheXOVERAgency_WebsiteDesign_Loop-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54d336ce7f253c0cdeb1_TheXOVERAgency_WebsiteDesign_Loop-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="w-node-f7b0327b-009d-3199-0bc6-3a2f5f1093be-5fbc37e7" data-w-id="f7b0327b-009d-3199-0bc6-3a2f5f1093be" class="background-video-8 w-background-video w-background-video-atom"><video id="f7b0327b-009d-3199-0bc6-3a2f5f1093be-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54d336ce7f253c0cdeb1_TheXOVERAgency_WebsiteDesign_Loop-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54d336ce7f253c0cdeb1_TheXOVERAgency_WebsiteDesign_Loop-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e54d336ce7f253c0cdeb1_TheXOVERAgency_WebsiteDesign_Loop-transcode.webm" data-wf-ignore="true"/></video></div><div class="single-item"><p class="paragraph-smaller mrg-32">Behind every great website, is human centered design. It&#x27;s more than just a digital presence, it&#x27;s often a consumer&#x27;s first interaction with your brand, your ethos and your product. We will work with you to understand the complexitiy of your needs and tailor a custom website design solution with the User Experience front of mind. We drive to only produce websites that stand the test of time, are responsive across all devices and just work.<br/></p><div class="tab-holder-big"></div><div class="tab-holder-big"><div data-hover="false" data-delay="500" class="dropdown-big w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="heading-dropdown-holder-big"><div class="dropdown-text-big">View Full List of Capabilities</div><div class="dropdown-text-close-big">Close Full List of Capabilities</div></div></div><nav class="dropdown-list w-dropdown-list"><div class="services-capabilities-list"><h3 class="single-item-dropdown">User Interface Design (UI)</h3><h3 class="single-item-dropdown">Website Content</h3><h3 class="single-item-dropdown">Management</h3><h3 class="single-item-dropdown">User Experience Design (UX)</h3><h3 class="single-item-dropdown">Research &amp; Testing</h3><h3 class="single-item-dropdown">Landing Pages<br/></h3><h3 class="single-item-dropdown">E-Commerce </h3><h3 class="single-item-dropdown">Website Development </h3><h3 class="single-item-dropdown">Sitemap &amp; Wireframe</h3><h3 class="single-item-dropdown">Website Design</h3><h3 class="single-item-dropdown">Data Analytics &amp; Optimisation<br/></h3><h3 class="single-item-dropdown">Sales Funnel Mapping</h3></div></nav></div></div></div></div><div id="w-node-de1b1ffd-b222-32eb-78d6-881bc6184f4f-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div><div data-w-id="b4975ad3-e156-3fef-26da-9305db93195f" class="content-cta-home-bottom"><div id="w-node-b4975ad3-e156-3fef-26da-9305db931960-5fbc37e7" class="single-item"><a href="/services/motion-design" class="link-block-4 w-inline-block"><h1 class="item-heading">Motion Design</h1></a><a href="/services/motion-design" class="link-38"><br/>Learn More →</a></div><div data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e55334ce9df61086f2334_TheXOVERAgency_MotionDesign_Loop-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e55334ce9df61086f2334_TheXOVERAgency_MotionDesign_Loop-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e55334ce9df61086f2334_TheXOVERAgency_MotionDesign_Loop-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="w-node-_90e883f2-4242-e24e-2731-f41877402b52-5fbc37e7" data-w-id="90e883f2-4242-e24e-2731-f41877402b52" class="background-video-8 w-background-video w-background-video-atom"><video id="90e883f2-4242-e24e-2731-f41877402b52-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e55334ce9df61086f2334_TheXOVERAgency_MotionDesign_Loop-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e55334ce9df61086f2334_TheXOVERAgency_MotionDesign_Loop-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e55334ce9df61086f2334_TheXOVERAgency_MotionDesign_Loop-transcode.webm" data-wf-ignore="true"/></video></div><div class="single-item"><p class="paragraph-smaller mrg-32">Motion design has become an essential tool for modern branding, as it allows brands to create memorable and engaging visual content that can help your brand stand out in a crowded marketplace. Whether it&#x27;s through an animated logo, a promotional video, or a social media campaign, motion design can help brands tell their story in a way that&#x27;s both visually stunning and emotionally impactful.<br/></p><div class="tab-holder-big"><div class="tab-holder-big"><div data-hover="false" data-delay="500" class="dropdown-big w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="heading-dropdown-holder-big"><div class="dropdown-text-big">View Full List of Capabilities</div><div class="dropdown-text-close-big">Close Full List of Capabilities</div></div></div><nav class="dropdown-list w-dropdown-list"><div class="services-capabilities-list"><h3 class="single-item-dropdown">Television Commercials</h3><h3 class="single-item-dropdown">Promotional Videos</h3><h3 class="single-item-dropdown">Product Videos</h3><h3 class="single-item-dropdown">Social Media Content</h3><h3 class="single-item-dropdown">Website Animations</h3><h3 class="single-item-dropdown">Campaign Production</h3><h3 class="single-item-dropdown">Animated Training Materials</h3><h3 class="single-item-dropdown">Event Video Production</h3><h3 class="single-item-dropdown">Character Animation</h3><h3 class="single-item-dropdown">2D Animation</h3><h3 class="single-item-dropdown">3D Animation<br/></h3><h3 class="single-item-dropdown">Animated Reels</h3></div></nav></div></div></div></div></div><div id="w-node-_8f7fba9e-eadb-c60f-7d96-4480aa428f8d-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div><div data-w-id="ceb698e4-83c0-1ac5-60cf-3ecf1d16cfde" class="content-cta-home-bottom"><div data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e887c4186f6cb3378a0_TheXOVERAgency_GraphicDesign_Loop-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e887c4186f6cb3378a0_TheXOVERAgency_GraphicDesign_Loop-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e887c4186f6cb3378a0_TheXOVERAgency_GraphicDesign_Loop-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="w-node-_75d03152-9130-7053-a550-30f71e47d1bf-5fbc37e7" data-w-id="75d03152-9130-7053-a550-30f71e47d1bf" class="background-video-8 w-background-video w-background-video-atom"><video id="75d03152-9130-7053-a550-30f71e47d1bf-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e887c4186f6cb3378a0_TheXOVERAgency_GraphicDesign_Loop-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e887c4186f6cb3378a0_TheXOVERAgency_GraphicDesign_Loop-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e887c4186f6cb3378a0_TheXOVERAgency_GraphicDesign_Loop-transcode.webm" data-wf-ignore="true"/></video></div><div id="w-node-ceb698e4-83c0-1ac5-60cf-3ecf1d16cfdf-5fbc37e7" class="single-item"><a href="/services/graphic-design" class="link-block-4 w-inline-block"><h1 class="item-heading">Graphic Design</h1></a><a href="/services/graphic-design" class="link-38"><br/>Learn More →</a></div><div class="single-item"><p class="paragraph-smaller mrg-32">It&#x27;s one thing to have a brand, it&#x27;s a whole other thing to apply it to every touchpoint, digital or print, and apply it well. Whether it&#x27;s starting from scratch, or giving outdated collateral a much needed face-lift, we&#x27;ve got you covered. With a team of experienced, dedicated Designers on standby, you&#x27;re only clicks away from having all of your Graphic Design needs managed seamlessly and executed to perfection.<br/></p><div class="tab-holder-big"><div data-hover="false" data-delay="500" class="dropdown-big w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="heading-dropdown-holder-big"><div class="dropdown-text-big">View Full List of Capabilities</div><div class="dropdown-text-close-big">Close Full List of Capabilities</div></div></div><nav class="dropdown-list w-dropdown-list"><div class="services-capabilities-list"><h3 class="single-item-dropdown">Product Packaging</h3><h3 class="single-item-dropdown">Print Materials </h3><h3 class="single-item-dropdown">Brochures </h3><h3 class="single-item-dropdown">Flyers <br/></h3><h3 class="single-item-dropdown">Function Packages</h3><h3 class="single-item-dropdown">Event Packages<br/></h3><h3 class="single-item-dropdown">Sales Materials </h3><h3 class="single-item-dropdown">Training Materials </h3><h3 class="single-item-dropdown">Educational Materials </h3><h3 class="single-item-dropdown">Branded Collateral </h3><h3 class="single-item-dropdown">Pamphlet Design<br/></h3><h3 class="single-item-dropdown">Illustration &amp; Infographics</h3></div></nav></div></div></div></div><div id="w-node-_4cf2f113-8092-dc21-45e1-d1e54dc27dfa-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div><div data-w-id="0cb1c25f-4859-1eb1-28d2-d8cfd951ca41" class="content-cta-home-bottom"><div data-poster-url="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e785b7c7b2c3d04044b_TheXOVERAgency_Packaging_Loop-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e785b7c7b2c3d04044b_TheXOVERAgency_Packaging_Loop-transcode.mp4,https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e785b7c7b2c3d04044b_TheXOVERAgency_Packaging_Loop-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" id="w-node-_23de5512-7f47-b188-0da4-00a16f96418b-5fbc37e7" data-w-id="23de5512-7f47-b188-0da4-00a16f96418b" class="background-video-8 w-background-video w-background-video-atom"><video id="23de5512-7f47-b188-0da4-00a16f96418b-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e785b7c7b2c3d04044b_TheXOVERAgency_Packaging_Loop-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e785b7c7b2c3d04044b_TheXOVERAgency_Packaging_Loop-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/661e1e785b7c7b2c3d04044b_TheXOVERAgency_Packaging_Loop-transcode.webm" data-wf-ignore="true"/></video></div><div id="w-node-_0cb1c25f-4859-1eb1-28d2-d8cfd951ca42-5fbc37e7" class="single-item"><a href="/services/packaging-design" class="link-block-4 w-inline-block"><h1 class="item-heading"><span>Packaging Design</span></h1></a><a href="/services/packaging-design" class="link-38"><br/>Learn More →</a></div><div class="single-item"><p class="paragraph-smaller mrg-32">Standout packaging isn&#x27;t just about aesthetics; it&#x27;s about creating a connection. We go beyond visual appeal, crafting packaging that resonates with consumers, ensuring that your brand is remembered long after the purchase. Now more than ever, clever, eco-friendly and socially conscious Product Packaging is an essential for any retail Brand. As the retail marketplace grows and becomes flushed with variety, a beautifully designed Product goes a long way to stand out from the crowd.<br/></p><div class="tab-holder-big"><div data-hover="false" data-delay="500" class="dropdown-big w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div class="heading-dropdown-holder-big"><div class="dropdown-text-big">View Full List of Capabilities</div><div class="dropdown-text-close-big">Close Full List of Capabilities</div></div></div><nav class="dropdown-list w-dropdown-list"><div class="services-capabilities-list"><h3 class="single-item-dropdown">Custom Packaging Design</h3><h3 class="single-item-dropdown">Packaging Design Solutions</h3><h3 class="single-item-dropdown">Eco-Friendly Packaging</h3><h3 class="single-item-dropdown">Branded Product Packaging</h3><h3 class="single-item-dropdown">Strategic Packaging Solutions</h3><h3 class="single-item-dropdown">Sustainable Packaging Design</h3><h3 class="single-item-dropdown">Creative Packaging Concepts</h3><h3 class="single-item-dropdown">Expert Product Package Designers</h3><h3 class="single-item-dropdown">Hospitality Packaging</h3><h3 class="single-item-dropdown">e-commerce Packaging</h3><h3 class="single-item-dropdown">Product packaging Design<br/></h3><h3 class="single-item-dropdown">Skincare Packaging</h3></div></nav></div></div><div class="tab-holder-big"></div></div></div><div id="w-node-_748b385a-ed94-c641-48a2-5628eeff1c8c-5fbc37e7" class="w-layout-layout quick-stack-11 wf-layout-layout"><div class="w-layout-cell cell-16"></div></div></div></div></div></div><div class="background-xover is-video is-top-margin no-top-bottom-mobile"><div class="w-layout-blockcontainer container-5 w-container"><h1 class="heading-22">Insights</h1><div id="w-node-_08225a2b-fd03-1b58-c5ea-63aa604acd36-3a0e037f" class="w-layout-layout quick-stack-7 wf-layout-layout"><div class="w-layout-cell cell-11"><a href="https://www.thexover.agency/post/new-project-apricity-the-label" class="link-block-12 w-inline-block"><img class="image-42" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722be262bb14bd55fb7cf37_TheXOVERAgency_ApricityTheLabel_Social2.png" width="576" alt="" style="opacity:0" sizes="(max-width: 767px) 100vw, 576px" data-w-id="08225a2b-fd03-1b58-c5ea-63aa604acd39" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722be262bb14bd55fb7cf37_TheXOVERAgency_ApricityTheLabel_Social2-p-500.png 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722be262bb14bd55fb7cf37_TheXOVERAgency_ApricityTheLabel_Social2-p-800.png 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6722be262bb14bd55fb7cf37_TheXOVERAgency_ApricityTheLabel_Social2.png 1080w"/></a><div id="w-node-_08225a2b-fd03-1b58-c5ea-63aa604acd3a-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><p class="paragraph-35">Insights / New Project</p></div><div class="w-layout-cell"><h1 class="heading-11"><a href="https://www.thexover.agency/post/new-project-apricity-the-label" class="link-28">Apricity The Label – Crafting a Modern Luxury Lifestyle Brand</a><br/></h1><p>This article delves into our approach to building Apricity’s brand identity from scratch—designing a sophisticated aesthetic, developing a seamless e-commerce experience, and creating a social media presence.</p></div></div></div><div class="w-layout-cell cell-12"><a href="https://www.thexover.agency/post/beyond-the-shelf-the-reign-of-packaging-design-in-e-commerce" class="link-block-11 w-inline-block"><img class="image-43" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618c94683233a9d91399609_XOVER_COve_BRanding_THumb.jpg" width="591" alt="Cove " style="opacity:0" sizes="(max-width: 767px) 100vw, 591px" data-w-id="08225a2b-fd03-1b58-c5ea-63aa604acd45" loading="lazy" srcset="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618c94683233a9d91399609_XOVER_COve_BRanding_THumb-p-500.jpg 500w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618c94683233a9d91399609_XOVER_COve_BRanding_THumb-p-800.jpg 800w, https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/6618c94683233a9d91399609_XOVER_COve_BRanding_THumb.jpg 952w"/></a><div id="w-node-_08225a2b-fd03-1b58-c5ea-63aa604acd46-3a0e037f" class="w-layout-layout quick-stack-8 wf-layout-layout"><div class="w-layout-cell"><p class="paragraph-35">Insights / Beyond The Shelf</p></div><div class="w-layout-cell"><h1 class="heading-11"><a href="https://www.thexover.agency/post/beyond-the-shelf-the-reign-of-packaging-design-in-e-commerce" class="link-28">The Reign of Packaging Design in E-Commerce</a><br/></h1></div></div><p>In today&#x27;s competitive market, where countless products vie for consumers&#x27; attention on physical shelves and virtual e-commerce platforms, the importance of effective packaging design cannot be overstated.</p></div></div></div><div class="container-xover is-trl"></div><div class="section-xover"><div class="container-xover"><div class="clients-content"><p class="team-paragpraph">From ambitious start ups to industry leaders, our seasoned team has worked with clients from all industries around the globe. Whether you&#x27;re in Sydney, or Seoul, we have your back.</p><div class="link-holder-xover"><a href="#" class="learn-more-link-read-more is-purple">Learn More</a><div class="arrow-holder is-purple"></div></div><div class="clients-holder"><div class="w-dyn-list"><div role="list" class="collection-list w-dyn-items"><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c6305c701d88b7314e50_20th%20Century%20Fox.png" class="image-3"/></div><p class="clients-paragraph">Motion, video and digital asset creation for all 20th Century Fox new release films, promotions and special events.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60acdd96a51981bdd25ae86f_Rectangle%2037.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60acdd96a51981bdd25ae86f_Rectangle%2037-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60acdd96a51981bdd25ae86f_Rectangle%2037.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c62856e7b9a16bb44e92_Momento.png" class="image-3"/></div><p class="clients-paragraph">Brand Identity, UI/UX, website and app development for internal projects across the group of bars and hotel locations. </p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace0a78f2b12c539cfba21_Rectangle%2036.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace0a78f2b12c539cfba21_Rectangle%2036-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace0a78f2b12c539cfba21_Rectangle%2036.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5011eb18e3b32938114_Logo_NIKE.svg.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5011eb18e3b32938114_Logo_NIKE.svg-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5011eb18e3b32938114_Logo_NIKE.svg-p-800.png 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5011eb18e3b32938114_Logo_NIKE.svg.png 1280w" class="image-3"/></div><p class="clients-paragraph"> NikeFC and Socceroos 2022 Qatar FIFA World Cup kit release and apparel campaign. Creative execution of visual store displays for UltraFootball.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1.jpg" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1-p-500.jpg 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1-p-800.jpg 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1-p-1600.jpg 1600w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1-p-2000.jpg 2000w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d528d03f76456cfdce64_MigsxEze_Nike_Socceroos1.jpg 2500w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c61480010d6ca438a4c1_IGA.png" class="image-3"/></div><p class="clients-paragraph">Design, motion graphics and video content creation for national IGA TVC&#x27;s and internal marketing presentations.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace1c88f2b12a252cfbb2e_Rectangle%2034.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace1c88f2b12a252cfbb2e_Rectangle%2034-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace1c88f2b12a252cfbb2e_Rectangle%2034.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c60ad8c5da0994c79735_Jacobs%20Creek.png" class="image-3"/></div><p class="clients-paragraph">Brand research, Story Boarding, Pre Production Brand application: mood / visual treatment + Post production graphics, animation and compositing for Jacobs Creek ‘Best Served Together’ Campaign.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace1f08f2b1247fecfbb7d_Rectangle%2041.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace1f08f2b1247fecfbb7d_Rectangle%2041-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace1f08f2b1247fecfbb7d_Rectangle%2041.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c5fb97dfffe45b658fdc_Pernod%20Ricard.png" class="image-3"/></div><p class="clients-paragraph">Concept execution for Pernod Ricard Australia ‘Colour Your Christmas’ Social Campaign along with the brand implementation, design and motion graphics.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace2380986d1aa0f8a323d_Rectangle%2040.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace2380986d1aa0f8a323d_Rectangle%2040-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace2380986d1aa0f8a323d_Rectangle%2040.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d9e86146fea291d2349c_tvc_logo_black.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d9e86146fea291d2349c_tvc_logo_black-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d9e86146fea291d2349c_tvc_logo_black-p-800.png 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d9e86146fea291d2349c_tvc_logo_black.png 1245w" class="image-3"/></div><p class="clients-paragraph">Branding and ongoing design execution for The Venues Collection suite of venues. Award-winning branding for Bay Nine Omakase.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382.jpeg" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382-p-500.jpeg 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382-p-800.jpeg 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382-p-1080.jpeg 1080w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382-p-1600.jpeg 1600w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382-p-2000.jpeg 2000w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0da30702826e2eb3f68c1_1693374368382.jpeg 2048w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d8f7702826e2eb3eace1_Screenshot%202024-01-12%20at%205.15.10%E2%80%AFpm.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d8f7702826e2eb3eace1_Screenshot%202024-01-12%20at%205.15.10%E2%80%AFpm-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d8f7702826e2eb3eace1_Screenshot%202024-01-12%20at%205.15.10%E2%80%AFpm.png 651w" class="image-3"/></div><p class="clients-paragraph">Design and mural art for Kappa and Napoli on the release of their 4th jersey commemorating Diego Maradona. Painted for UltraFootball.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d7ade5d722da03843ba5_MigsxEze_D10S_09.jpg" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d7ade5d722da03843ba5_MigsxEze_D10S_09-p-500.jpg 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d7ade5d722da03843ba5_MigsxEze_D10S_09-p-800.jpg 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d7ade5d722da03843ba5_MigsxEze_D10S_09-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d7ade5d722da03843ba5_MigsxEze_D10S_09-p-1600.jpg 1600w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d7ade5d722da03843ba5_MigsxEze_D10S_09.jpg 2000w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db145c2dcba989bd9622_bio-island-logo-vector.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db145c2dcba989bd9622_bio-island-logo-vector-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db145c2dcba989bd9622_bio-island-logo-vector-p-800.png 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db145c2dcba989bd9622_bio-island-logo-vector.png 900w" class="image-3"/></div><p class="clients-paragraph">Ongoing design, content creation, photography and campaign execution for Bio Island and JBX house of brands.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db7382c11ed2551d8853_BioIslandVFC_5766_Final_Optimised.jpg" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db7382c11ed2551d8853_BioIslandVFC_5766_Final_Optimised-p-500.jpg 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db7382c11ed2551d8853_BioIslandVFC_5766_Final_Optimised-p-800.jpg 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0db7382c11ed2551d8853_BioIslandVFC_5766_Final_Optimised.jpg 1080w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c5cbfb4e86c93722e6e0_Sanitarium.png" class="image-3"/></div><p class="clients-paragraph">Motion graphics and video content production for Sanitarium Weet-Bix Little Kids Essentials and Alternate Dairy Co.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace4018f2b120b04cfc47a_Rectangle%2044.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace4018f2b120b04cfc47a_Rectangle%2044-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace4018f2b120b04cfc47a_Rectangle%2044.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c5c03cf853423332c871_Harvey%20Norman.png" class="image-3"/></div><p class="clients-paragraph">Design and motion graphics for national and international TVC&#x27;s, campaigns and special events.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace4150391b10a38342bf1_Rectangle%2043.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace4150391b10a38342bf1_Rectangle%2043-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace4150391b10a38342bf1_Rectangle%2043.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0dc0810d320c39e11dd5f_propertyme-logo-white-sm.png" class="image-3"/></div><p class="clients-paragraph">Ongoing design and motion design execution for PropertyMe internal and external communications</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0dc92375e690230253082_WIP01_RentalPost.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0dc92375e690230253082_WIP01_RentalPost-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0dc92375e690230253082_WIP01_RentalPost-p-800.png 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0dc92375e690230253082_WIP01_RentalPost.png 1080w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c5a91da16803e231ec43_RM%20Wiliams.png" class="image-3"/></div><p class="clients-paragraph">Motion graphics and video content creation for national R.M. Williams TVC&#x27;s and marketing presentations.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace481cb0d43d63f5b94f7_Rectangle%2049.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace481cb0d43d63f5b94f7_Rectangle%2049-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace481cb0d43d63f5b94f7_Rectangle%2049.png 678w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d69860b0c29e03e6006b_Logo_of_Western_Sydney_Wanderers_FC.svg-2.png" class="image-3"/></div><p class="clients-paragraph">Branding, visual design and mural art for the new state-of-the-art Western Sydney Wanderers Football Club - Fives Complex.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d6d5083c45be7ee1d1f1_MigsxEze_WesternSydneyWanderers_1.jpg" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d6d5083c45be7ee1d1f1_MigsxEze_WesternSydneyWanderers_1-p-500.jpg 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d6d5083c45be7ee1d1f1_MigsxEze_WesternSydneyWanderers_1-p-800.jpg 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d6d5083c45be7ee1d1f1_MigsxEze_WesternSydneyWanderers_1-p-1080.jpg 1080w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d6d5083c45be7ee1d1f1_MigsxEze_WesternSydneyWanderers_1-p-1600.jpg 1600w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d6d5083c45be7ee1d1f1_MigsxEze_WesternSydneyWanderers_1.jpg 2000w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine-p-800.png 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine-p-1080.png 1080w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine-p-1600.png 1600w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine-p-2000.png 2000w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5cf67c90325c8d66793_Adidas-Logo.wine.png 3000w" class="image-3"/></div><p class="clients-paragraph">Design and execution of mural art for Adidas Football’s launch of the Humanmade collection, Art Directed by Pharrell Williams.</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5f210d320c39e0e4de1_DSC08008.jpg" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5f210d320c39e0e4de1_DSC08008-p-500.jpg 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5f210d320c39e0e4de1_DSC08008-p-800.jpg 800w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/65a0d5f210d320c39e0e4de1_DSC08008.jpg 1080w" class="image-4"/></div></div><div role="listitem" class="w-dyn-item"><div data-w-id="bdf65b4e-c22f-8f03-afe9-feb24357698f" class="clients-single-item"><div class="clients-logo-holder"><img height="" loading="lazy" alt="" src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60b0c562a182f63a053ef2bd_Air%20Asia.png" class="image-3"/></div><p class="clients-paragraph">Motion graphics, video content production and social media content creation for Air Asia campaigns</p><img src="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace5080a5bd943f15cb27b_Rectangle%2046.png" loading="lazy" alt="Our Clients" sizes="100vw" srcset="https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace5080a5bd943f15cb27b_Rectangle%2046-p-500.png 500w, https://cdn.prod.website-files.com/60acdd5da094bd5d21c37380/60ace5080a5bd943f15cb27b_Rectangle%2046.png 678w" class="image-4"/></div></div></div></div></div></div></div></div><div class="background-xover is-cms-page"><div class="section-xover"><div class="container-xover"><div class="cms-content-hero"><div class="cms-hero-left"><h1 class="hero-heading-xover is-on-cms no-width">Have a project in mind?<br/><a href="/contact-us" class="link-41">Let&#x27;s collaborate.</a></h1><div class="line-separator mrg-32"></div><div id="w-node-bc8c1958-2757-d59d-43eb-3b29d7b0038f-d7b00383" class="w-layout-layout quick-stack-2 wf-layout-layout"><div class="w-layout-cell cell-6"><a href="/services" class="link-4">Services</a><link rel="prerender" href="/services"/><a href="/our-projects" class="link-4">Our Projects</a><a href="/blogs" class="link-4">Blogs</a></div><div class="w-layout-cell cell-7"><a href="/services/branding" class="link-4">Branding</a><a href="/services/motion-design" class="link-4">Motion Design</a><a href="/services/social-media-content-creation" class="link-4">Content Creation</a></div><div class="w-layout-cell cell-8"><a href="/services/graphic-design" class="link-4">Graphic Design</a><a href="/services/web-design" class="link-4">Website Design</a><a href="/services/packaging-design" class="link-4">Packaging Design</a></div></div></div><div class="cms-hero-right"><p class="paragraph-40">Keep in touch with The X/OVER Agency</p><h4 class="heading-19"><a href="https://www.instagram.com/thexoveragency/" target="_blank" class="link-48">Instagram</a></h4><h4 class="heading-19"><a href="https://www.linkedin.com/company/thexoveragency/" target="_blank" class="link-48">LinkedIn</a></h4><h4 class="heading-19"><a href="https://www.behance.net/thexoveragency" target="_blank" class="link-48">Behance</a></h4><div class="line-separator mrg-24"></div><p class="cms-hero-paragraph"><a href="/privacy-policy" class="link-46">Privacy Policy</a></p><p class="paragraph-41">© 2025 The X/OVER Agency / Branding, Design, Web and Motion Agency Based in Sydney, Australia</p></div></div></div><h1 data-w-id="4519c9a6-a342-5968-d77d-d2741cac647d" class="heading-16">THE X/OVER AGENCY</h1></div></div></div></div><div class="contact-us-button_wrapper"><a href="/contact-us" class="contact-us-button w-button">Let&#x27;s Chat</a></div><div Resize=".w-background-video&gt;video {    max-width: -webkit-fill-available;" class="w-embed"><style>
  94. .bg-blur {
  95. backdrop-filter: blur(16px);
  96. -webkit-backdrop-filter: blur(16px);
  97. }
  98. </style></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=60acb2692596f362c7ad82f1" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/js/webflow.schunk.b7cad701f94860c2.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/js/webflow.schunk.a030dab8f53626b4.js" type="text/javascript"></script><script src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/js/webflow.ea2a2442.9438a416e869a4b7.js" type="text/javascript"></script><script type="text/javascript" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/60acc5bacb0d4374b85aebe9_imagesloaded.pkgd.min.js.txt"></script>
  99. <script type="text/javascript" src="https://cdn.prod.website-files.com/60acb2692596f362c7ad82f1/60acc5c30391b1d53b333757_TweenMax.min.js.txt"></script>
  100. <script>
  101.    {
  102.    // body element
  103.    const body = document.body;
  104.    // helper functions
  105.    const MathUtils = {
  106.        // linear interpolation
  107.        lerp: (a, b, n) => (1 - n) * a + n * b,
  108.        // distance between two points
  109.        distance: (x1, y1, x2, y2) => Math.hypot(x2 - x1, y2 - y1)
  110.    }
  111.  
  112.    // get the mouse position
  113.    const getMousePos = (ev) => {
  114.        let posx = 0;
  115.        let posy = 0;
  116.        if (!ev)
  117.            ev = window.event;
  118.        if (ev.pageX || ev.pageY) {
  119.            posx = ev.pageX;
  120.            posy = ev.pageY;
  121.        } else if (ev.clientX || ev.clientY) {
  122.            posx = ev.clientX + body.scrollLeft + docEl.scrollLeft;
  123.            posy = ev.clientY + body.scrollTop + docEl.scrollTop;
  124.        }
  125.        return {x: posx, y: posy};
  126.    }
  127.  
  128.    // mousePos: current mouse position
  129.    // cacheMousePos: previous mouse position
  130.    // lastMousePos: last last recorded mouse position (at the time the last image was shown)
  131.    let mousePos = lastMousePos = cacheMousePos = {x: 0, y: 0};
  132.  
  133.    // update the mouse position
  134.    window.addEventListener('mousemove', ev => mousePos = getMousePos(ev));
  135.  
  136.    // gets the distance from the current mouse position to the last recorded mouse position
  137.    const getMouseDistance = () => MathUtils.distance(mousePos.x, mousePos.y, lastMousePos.x, lastMousePos.y);
  138.  
  139.    class Image {
  140.        constructor(el) {
  141.            this.DOM = {el: el};
  142.            // image deafult styles
  143.            this.defaultStyle = {
  144.                scale: 1,
  145.                x: 0,
  146.                y: 0,
  147.                opacity: 0
  148.            };
  149.            // get sizes/position
  150.            this.getRect();
  151.            // init/bind events
  152.            this.initEvents();
  153.        }
  154.        initEvents() {
  155.            // on resize get updated sizes/position
  156.            window.addEventListener('resize', () => this.resize());
  157.        }
  158.        resize() {
  159.            // reset styles
  160.            TweenMax.set(this.DOM.el, this.defaultStyle);
  161.            // get sizes/position
  162.            this.getRect();
  163.        }
  164.        getRect() {
  165.            this.rect = this.DOM.el.getBoundingClientRect();
  166.        }
  167.        isActive() {
  168.            // check if image is animating or if it's visible
  169.            return TweenMax.isTweening(this.DOM.el) || this.DOM.el.style.opacity != 0;
  170.        }
  171.    }
  172.  
  173.    class ImageTrail {
  174.        constructor() {
  175.            // images container
  176.            this.DOM = {content: document.querySelector('.image-trail-effects')};
  177.            // array of Image objs, one per image element
  178.            this.images = [];
  179.            [...this.DOM.content.querySelectorAll('img')].forEach(img => this.images.push(new Image(img)));
  180.            // total number of images
  181.            this.imagesTotal = this.images.length;
  182.            // upcoming image index
  183.            this.imgPosition = 0;
  184.            // zIndex value to apply to the upcoming image
  185.            this.zIndexVal = 1;
  186.            // mouse distance required to show the next image
  187.            this.threshold = 100;
  188.            // render the images
  189.            requestAnimationFrame(() => this.render());
  190.        }
  191.        render() {
  192.            // get distance between the current mouse position and the position of the previous image
  193.            let distance = getMouseDistance();
  194.            // cache previous mouse position
  195.            cacheMousePos.x = MathUtils.lerp(cacheMousePos.x || mousePos.x, mousePos.x, 0.1);
  196.            cacheMousePos.y = MathUtils.lerp(cacheMousePos.y || mousePos.y, mousePos.y, 0.1);
  197.  
  198.            // if the mouse moved more than [this.threshold] then show the next image
  199.            if (distance > this.threshold) {
  200.                this.showNextImage();
  201.  
  202.                ++this.zIndexVal;
  203.                this.imgPosition = this.imgPosition < this.imagesTotal - 1 ? this.imgPosition + 1 : 0;
  204.  
  205.                lastMousePos = mousePos;
  206.            }
  207.  
  208.            // check when mousemove stops and all images are inactive (not visible and not animating)
  209.            let isIdle = true;
  210.            for (let img of this.images) {
  211.                if (img.isActive()) {
  212.                    isIdle = false;
  213.                    break;
  214.                }
  215.            }
  216.            // reset z-index initial value
  217.            if (isIdle && this.zIndexVal !== 1) {
  218.                this.zIndexVal = 1;
  219.            }
  220.  
  221.            // loop..
  222.            requestAnimationFrame(() => this.render());
  223.        }
  224.        showNextImage() {
  225.            // show image at position [this.imgPosition]
  226.            const img = this.images[this.imgPosition];
  227.            // kill any tween on the image
  228.            TweenMax.killTweensOf(img.DOM.el);
  229.            
  230.  
  231.            new TimelineMax()
  232.                    // show the image
  233.                    .set(img.DOM.el, {
  234.                        startAt: {opacity: 0, scale: 1},
  235.                        opacity: 1,
  236.                        scale: 1,
  237.                        zIndex: this.zIndexVal,
  238.                        x: cacheMousePos.x - img.rect.width / 2,
  239.                        y: cacheMousePos.y - this.DOM.content.offsetTop- img.rect.height/2
  240.                    }, 0)
  241.                    // animate position
  242.                    .to(img.DOM.el, 0.9, {
  243.                        ease: Expo.easeOut,
  244.                        x: mousePos.x - img.rect.width / 2,
  245.                        y: mousePos.y - this.DOM.content.offsetTop - img.rect.height / 2,
  246.                    }, 0)
  247.                    // then make it disappear
  248.                    .to(img.DOM.el, 1, {
  249.                        ease: Power1.easeOut,
  250.                        opacity: 0
  251.                    }, 0.4)
  252.                    // scale down the image
  253.                    .to(img.DOM.el, 1, {
  254.                        ease: Quint.easeOut,
  255.                        scale: 0.2
  256.                    }, 0.4);
  257.        }
  258.    }
  259.  
  260.    /***********************************/
  261.    /********** Preload stuff **********/
  262.  
  263.    // Preload images
  264.    const preloadImages = () => {
  265.        return new Promise((resolve, reject) => {
  266.            imagesLoaded(document.querySelectorAll('.content__img'), resolve);
  267.        });
  268.    };
  269.  
  270.    // And then..
  271.    preloadImages().then(() => {
  272.        // Remove the loader
  273.        document.body.classList.remove('loading');
  274.        new ImageTrail();
  275.    });
  276. }
  277. </script></body></html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda