CINXE.COM

<!DOCTYPE html><html data-wf-domain="www.brandfuel.co.uk" data-wf-page="65a16a56a87dac8a8780f52e" data-wf-site="65a16a56a87dac8a8780f532" lang="en" data-wf-locale="en" data-wf-collection="65a16a56a87dac8a8780f555" data-wf-item-slug="android-avenue-2024"><head><meta charset="utf-8"/><title>Android Avenue 2024</title><meta content="" name="description"/><meta content="Android Avenue 2024" property="og:title"/><meta content="" property="og:description"/><meta content="Android Avenue 2024" property="twitter:title"/><meta content="" property="twitter:description"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/css/brandfuel-agency.webflow.a33166e89.css" rel="stylesheet" type="text/css"/><script src="https://use.typekit.net/ura4hei.js" type="text/javascript"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><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/65a16a56a87dac8a8780f532/65aff2cf066537cdc31a7067_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65aff3dccf712246adb8076e_bf-webclip-01.png" rel="apple-touch-icon"/> <script async src="https://www.googletagmanager.com/gtag/js?id=G-LYMYQTVQ5Z"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-LYMYQTVQ5Z'); </script> <style> body::-webkit-scrollbar { display: none; -ms-overflow-style: none; scrollbar-width: none; } </style> <script async src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-cmsprevnext@1/cmsprevnext.js"></script></head><body><div class="page-wrapper"><div class="gradient_styles w-embed"><style> .case_line { background-color: #76dd97; } .case_subline { background-color: #76dd97; } .case_results_parent { background-color: #0d652d; } .creative_line { background-color: #76dd97; } </style></div><div class="gradient_wrapper w-embed"><div class="granim-canvas"> <canvas id="granim-canvas"></canvas> </div></div><div class="webgl_wrapper w-embed"><canvas class='webgl'></canvas></div><div class="menu_bg_holders no-pointer"><div class="menu_bg_one"></div><div class="menu_bg_two"></div></div><nav data-w-id="60bca229-52f8-f3f1-16bc-1b5943aa08e8" class="global-navbar"><div data-w-id="60bca229-52f8-f3f1-16bc-1b5943aa08e9" class="global_navbar_parent no_overflow"><div class="navbar_child"><a data-transition="homeTran" href="/" class="home_link w-inline-block"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f54e_P%20logo%20white.svg" loading="lazy" alt="" class="logo"/></a></div><div data-a="nav-line" class="navbar_linetop"></div><div data-a="nav-line" class="navbar_linebottom"></div><div class="nav_links_wrapper"><ul role="list" class="navbar_links_list w-list-unstyled"><li class="navbar_link_item"><a href="/about" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">About</div></div></a></li><li class="navbar_link_item"><a href="/#work" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">Work</div></div></a></li><li class="navbar_link_item"><a href="/sustainability" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">Sustainability</div></div></a></li><li class="navbar_link_item"><a href="/contact" class="navbar_link w-inline-block"><div class="navbar_link_line"></div><div class="div_hide"><div class="link_textspan">Contact</div></div></a></li></ul></div><div class="navbar_mobile_wrapper no_overflow"><div class="navbar_mobile_lines_wrapper"><div class="mobile_line one"></div><div class="mobile_line two"></div><div class="mobile_line three"></div></div><div class="mobile_line_left"></div></div></div><div class="navbar_mobile_parent"><div class="navbar_mobilelinks_parent"><ul role="list" class="mobile_list w-list-unstyled"><li class="mobile_item"><a href="/#work" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">Work</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li><li class="mobile_item"><a href="/about" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">About</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li><li class="mobile_item"><a href="/sustainability" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">Sustainability</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li><li class="mobile_item"><a href="/contact" class="mobile_link w-inline-block"><div class="div_hide"><div class="mobile_textspan">Contact</div></div><div class="lottie_mobile_wrap"><figure class="lottie_container"><img src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="" class="lottie hide"/></figure></div></a><div class="mobile_item_line"></div></li></ul></div><div class="navbar_mobile_news"></div><div class="navbar_mobilesocials hide"><ul role="list" class="socials_wrapper w-list-unstyled"><li class="social_link_mobile"><a href="#" class="social_link w-inline-block"><div class="social_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95z"></path></svg></div></a></li><li class="social_link_mobile"><a href="#" class="social_link w-inline-block"><div class="social_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7zM11.1 24.4H7.6V13h3.5v11.4zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1c0-1.2.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1zm15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"></path></svg></div></a></li><li class="social_link_mobile"><a href="#" class="social_link w-inline-block"><div class="social_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--carbon" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="currentColor" d="M26.2 4H5.8C4.8 4 4 4.8 4 5.7v20.5c0 .9.8 1.7 1.8 1.7h20.4c1 0 1.8-.8 1.8-1.7V5.7c0-.9-.8-1.7-1.8-1.7zM11.1 24.4H7.6V13h3.5v11.4zm-1.7-13c-1.1 0-2.1-.9-2.1-2.1c0-1.2.9-2.1 2.1-2.1c1.1 0 2.1.9 2.1 2.1s-1 2.1-2.1 2.1zm15.1 12.9H21v-5.6c0-1.3 0-3.1-1.9-3.1S17 17.1 17 18.5v5.7h-3.5V13h3.3v1.5h.1c.5-.9 1.7-1.9 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5v6.2z"></path></svg></div></a></li></ul></div></div></nav><div class="global-styles w-embed"><style> /* Make text look crisper and more legible in all browsers */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* Focus state style for keyboard navigation for the focusable elements */ *[tabindex]:focus-visible, input[type="file"]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /* Get rid of top margin on first element in any rich text element */ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /* Get rid of bottom margin on last element in any rich text element */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /* Prevent all click and hover interaction with an element */ .pointer-events-off { pointer-events: none; } /* Enables all click and hover interaction with an element */ .pointer-events-on { pointer-events: auto; } /* Create a class of .div-square which maintains a 1:1 dimension of a div */ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /* Make sure containers never lose their center alignment */ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. */ /* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } */ /* Apply "..." after 3 lines of text */ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Apply "..." after 2 lines of text */ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Adds inline flex display */ .display-inlineflex { display: inline-flex; } /* These classes are never overwritten */ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } .no-pointer { pointer-events: none; } .granim-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } #granim-canvas { width: 100%; height: 100%; } </style></div><div data-taxi="" class="page-main"><div data-taxi-view="work" class="case_study_page"><section class="case_info_wrap"><div class="case_info_parent"><div class="case_info_child"><div class="div_container"><div class="div_hide"><div data-a="case-txt" class="case_tag">Client</div></div><div class="div_hide div_container"><h2 data-a="case-h2" class="case_h2">Android</h2></div></div><div class="div_container"><div class="div_hide"><div data-a="case-txt" class="case_tag">Project</div></div><div class="div_hide div_container"><h1 data-a="case-h2" class="case_h1">Android Avenue 2024</h1></div></div></div></div><div class="case_info_child"><div class="solutions_info_container"><div class="div_hide"><div data-a="case-txt" class="case_tag">Sector</div></div><div class="div_hide"><h3 data-a="case-h2" class="case_h3">Brand Activation, B2B, B2C, Exhibition, AR</h3></div></div><div data-a="case-line" class="case_line"></div><div class="share_button_container"><div class="share_button_parent"><div class="div_hide"><div data-a="case-h2" class="case_textspan">Share</div></div><div class="buttons_share_container"><a fs-socialshare-element="twitter" href="#" class="share_link w-inline-block"><div class="socials_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--bx" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path d="M19.633 7.997c.013.175.013.349.013.523c0 5.325-4.053 11.461-11.46 11.461c-2.282 0-4.402-.661-6.186-1.809c.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721a4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062c.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973a4.02 4.02 0 0 1-1.771 2.22a8.073 8.073 0 0 0 2.319-.624a8.645 8.645 0 0 1-2.019 2.083z" fill="currentColor"></path></svg></div></a><a fs-socialshare-element="linkedin" href="#" class="share_link w-inline-block"><div class="socials_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--bx" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><circle cx="4.983" cy="5.009" r="2.188" fill="currentColor"></circle><path d="M9.237 8.855v12.139h3.769v-6.003c0-1.584.298-3.118 2.262-3.118c1.937 0 1.961 1.811 1.961 3.218v5.904H21v-6.657c0-3.27-.704-5.783-4.526-5.783c-1.835 0-3.065 1.007-3.568 1.96h-.051v-1.66H9.237zm-6.142 0H6.87v12.139H3.095z" fill="currentColor"></path></svg></div></a></div></div><div class="copy_clipboard_container"><div class="copy_clipboard_parent"><div class="div_hide"><div data-a="case-h2" class="case_textspan max_small">Copy to clipboard</div></div><div fs-copyclip-element="click" class="copy_link_clipboard"><a fs-copyclip-element="click" href="#" class="share_link w-inline-block"><div class="socials_embed w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="currentColor" d="M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z"></path></svg></div></a><div class="rahul_hideit w-embed"><p fs-copyclip-element="copy-this">https://brandfuel.webflow.io/case-study/android-avenue-2024</p></div></div></div></div></div></div><div class="case-title_container"><p data-a="case-h1" class="case_p_h1">Tech islands in the sun</p></div></section><section class="case_video_wrapper"><figure class="case_video_container"><div class="project_main_video hide w-video w-embed"></div><figure class="cms_video_embed w-richtext"><div class="w-embed w-iframe w-script"><div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/941978877?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Android Avenue 2024"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script></div></figure></figure></section><section class="case_study_sumary_container"><div class="case_summary_left"><div class="case_left_first"><div class="div_hide"><p data-a="case-title" class="subheading_h2 max-52">Challenge</p></div><div class="line_wrap"><div data-a="case-line2" class="case_subline"></div></div><div class="div_hide padding_6"><p data-a="case-txt2" class="case_p_study hide">Over the years, our Android Avenue outdoor stand at MWC in Barcelona has become a must-see feature of the world’s biggest mobile industry event. This year was no different - but our challenge was to showcase the latest Google AI innovations on the world’s most-used operating system, and to appeal to at least 40% of MWC visitors. We were also asked to maximise cost-efficiencies through collaboration with CES (Consumer Electronics Show) and, with sustainability in mind, to develop demos that could be replicated across retailer events over the next 12 months. Through education and entertainment, Android Avenue needed to make clear that “doing more with Google on Android means doing more living and less tech-ing”. </p><div data-a="case-txt2" class="case_p_study w-richtext"><p>Over the years, our Android Avenue outdoor stand at MWC in Barcelona has become a must-see feature of the world’s biggest mobile industry event. </p><p>‍</p><p>This year was no different - but our challenge was to showcase the latest Google AI innovations on the world’s most-used operating system, and to appeal to at least 40% of MWC visitors. We were also asked to maximise cost-efficiencies through collaboration with CES (Consumer Electronics Show) and, with sustainability in mind, to develop demos that could be replicated across retailer events over the next 12 months. </p><p>‍</p><p>Through education and entertainment, Android Avenue needed to make clear that “doing more with Google on Android means doing more living and less tech-ing”. </p></div></div></div><div class="case_left_first padding_top_3"><div class="div_hide"><p data-a="case-title" class="subheading_h2 max-52">Solution</p></div><div class="line_wrap"><div data-a="case-line2" class="case_subline"></div></div><div class="div_hide padding_6"><p data-a="case-txt2" class="case_p_study hide">With a smaller budget than in 2023, our 216m-long Android Avenue set out to grab attention: we had more digital screens than ever before, a huge foldable device, and the ultimate selfie backdrop - one very expensive F1 car. Split into nine “technology islands”, Android Avenue was crammed full of live demonstrations, immersive technology, bespoke builds, collaborations, tips, tricks, giant “bugdroids”, AI, holograms and bubble machines. And it was all built, installed and connected in 48 hours. The nine technology islands offered something for everyone. Among the favourites were the Self Expression ideas factory, and Circle to Search - a bespoke build covered in giant devices, with their content brought to life in halo-lit 3D bubbles. Self Expression showed how Gemini AI can make compiling spreadsheets easier, as well as sending postcards and editing photos. At the McLaren Garage, visitors learnt how the F1 team used Android devices to achieve a record-breaking 1.8 second pit stop.</p><div data-a="case-txt2" class="case_p_study w-richtext"><p>With a smaller budget than in 2023, our 216m-long Android Avenue set out to grab attention: we had more digital screens than ever before, a huge foldable device, and the ultimate selfie backdrop - one very expensive F1 car.</p><p>‍</p><p>Split into nine “technology islands”, Android Avenue was crammed full of live demonstrations, immersive technology, bespoke builds, collaborations, tips, tricks, giant “bugdroids”, AI, holograms and bubble machines. And it was all built, installed and connected in 48 hours.</p><p>‍</p><p>The nine technology islands offered something for everyone. Among the favourites were the Self Expression ideas factory, and Circle to Search - a bespoke build covered in giant devices, with their content brought to life in halo-lit 3D bubbles. Self Expression showed how Gemini AI can make compiling spreadsheets easier, as well as sending postcards and editing photos. At the McLaren Garage, visitors learnt how the F1 team used Android devices to achieve a record-breaking 1.8 second pit stop. </p><p>‍</p></div></div></div><article class="case_img_container_2"><img loading="lazy" data-a="case-img" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b5ce78d168d9da3e448c32_AA5.png" alt="" sizes="35vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b5ce78d168d9da3e448c32_AA5-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b5ce78d168d9da3e448c32_AA5-p-800.png 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b5ce78d168d9da3e448c32_AA5-p-1080.png 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b5ce78d168d9da3e448c32_AA5.png 1280w" class="case_img"/></article></div><div class="case_summary_right"><figure class="case_img_container_1"><img loading="lazy" data-a="case-img" alt="Android Avenue 2024" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b4e941e37381dc20ee5ab4_aa1.png" sizes="(max-width: 479px) 87vw, (max-width: 991px) 88vw, 50vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b4e941e37381dc20ee5ab4_aa1-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b4e941e37381dc20ee5ab4_aa1-p-800.png 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b4e941e37381dc20ee5ab4_aa1-p-1080.png 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/66b4e941e37381dc20ee5ab4_aa1.png 1280w" class="case_img"/></figure><div class="case_results_parent"><div class="div_hide"><div data-a="case-txt2" class="result_textspan">Results</div></div><div class="case_child"><div class="div_grand_child"><div class="div_hide"><div data-a="case-txt2" class="result_tag">Reached 56% of MWC attendees (37% in 2023)</div></div><div class="div_hide"><div class="result_line_wrap"><div data-a="case-line2" class="result_line"></div></div></div><div class="numb_result_wrap"><div class="tag_result w-dyn-bind-empty"></div><div class="result_h1">56</div><div class="tag_result w-dyn-bind-empty"></div><div class="tag_result w-dyn-bind-empty"></div></div></div><div class="div_grand_child"><div class="div_hide"><div data-a="case-txt2" class="result_tag">branded pins were distributed to visitors</div></div><div class="result_line_wrap"><div data-a="case-line2" class="result_line"></div></div><div class="numb_result_wrap"><div class="result_h1 w-dyn-bind-empty"></div><div class="result_h1">38000</div><div class="tag_result w-dyn-bind-empty"></div></div></div><div class="div_grand_child"><div class="div_hide"><div data-a="case-txt2" class="result_tag">visitors engaged with demos</div></div><div class="result_line_wrap"><div data-a="case-line2" class="result_line"></div></div><div class="numb_result_wrap"><div class="tag_result w-dyn-bind-empty"></div><div class="result_h1">18000</div><div class="tag_result w-dyn-bind-empty"></div><div class="result_h1 w-dyn-bind-empty"></div><div class="percentage_wrap not_visible"><div class="p_case_txt">%</div></div></div></div><div class="div_grand_child"><div class="div_hide"><div data-a="case-txt2" class="result_tag">articles and stories were posted about Android at MWC</div></div><div class="result_line_wrap"><div data-a="case-line2" class="result_line"></div></div><div class="numb_result_wrap"><div class="percentage_wrap"><div class="p_case_txt w-dyn-bind-empty"></div></div><div class="result_h1">1700</div><div class="percentage_wrap"><div class="p_case_txt w-dyn-bind-empty"></div></div></div></div></div></div><div class="creative_section_parent"><div class="div_container_creative"><div class="creative_child"><div class="div_hide"><div data-a="case-title" class="subheading_h2">Results</div></div><div class="line_wrap smaller"><div data-a="case-line2" class="creative_line"></div></div></div><div class="creative_p_parent"><div class="div_hide"><p data-a="case-txt2" class="creative_p hide">Despite budget constraints, Android Avenue surpassed expectations. We reduced materials this year by reusing furniture and three structures built for the 2023 event. We also built three new structures designed for reuse over the next five years. Structures were designed to minimise on-site crew requirements and we cut on-site crew days this year by a further 10%. Nine of our 14 demos were also created to work without technical support to maximise their on-use after MWC. Our considered approach to sustainability and operational delivery resulted in budget savings of more than $1m in 2024. We attracted 56% of MWC delegates (against a goal of 40%), more than 18,000 of whom engaged with our demos. There were 1,700 articles and stories published about Android’s presence at the conference, with a global reach of 832,000. And Google’s ambition of conveying the message that “Android is innovative” was met: more than 95% of attendees surveyed said their experience on the Avenue was very good/good, and 86% of MWC visitors agreed that Android is innovative.</p><div data-a="case-txt2" class="case_p_study w-richtext"><p>Despite budget constraints, Android Avenue surpassed expectations. </p><p>‍</p><p>We reduced materials this year by reusing furniture and three structures built for the 2023 event. We also built three new structures designed for reuse over the next five years. Structures were designed to minimise on-site crew requirements and we cut on-site crew days this year by a further 10%. Nine of our 14 demos were also created to work without technical support to maximise their on-use after MWC. Our considered approach to sustainability and operational delivery resulted in budget savings of more than $1m in 2024.</p><p>‍</p><p>We attracted 56% of MWC delegates (against a goal of 40%), more than 18,000 of whom engaged with our demos. There were 1,700 articles and stories published about Android’s presence at the conference, with a global reach of 832,000. </p><p>‍</p><p>And Google’s ambition of conveying the message that “Android is innovative” was met: more than 95% of attendees surveyed said their experience on the Avenue was very good/good, and 86% of MWC visitors agreed that Android is innovative.</p><p>‍</p></div></div></div></div></div></div></section><section class="creative_section_results"><div class="creative_section_parent"><div class="div_container_creative hide"><div class="creative_child"><div class="div_hide"><div data-a="case-title" class="creative_text_tile">Sustainability</div></div><div class="line_wrap smaller"><div data-a="case-line2" class="creative_line"></div></div></div><div class="creative_p_parent"><div class="div_hide"><p data-a="case-txt2" class="creative_p">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div></div><div class="lottie_info_result"><div class="lottie_creative_container"><img src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f540_Layer%2046.png" loading="lazy" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f540_Layer%252046-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/65a16a56a87dac8a8780f540_Layer%2046.png 630w" alt="" class="lottie hide"/></div></div></div></section><footer class="footer_grid_parent"><div class="footer_grid hide"><div id="w-node-_892adf5a-0b6f-7c4b-714c-55bbe07fed9d-8780f52e" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Company Info</div></a></div><div id="w-node-_892adf5a-0b6f-7c4b-714c-55bbe07feda1-8780f52e" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Sustainability </div></a></div><div id="w-node-_892adf5a-0b6f-7c4b-714c-55bbe07feda5-8780f52e" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Accessibility </div></a></div><div id="w-node-_892adf5a-0b6f-7c4b-714c-55bbe07feda9-8780f52e" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Careers</div></a></div><div id="w-node-_892adf5a-0b6f-7c4b-714c-55bbe07fedad-8780f52e" class="footer_link_parent"><a href="#" class="footer_link w-inline-block"><div class="footer_textspan">Newsletter</div></a></div></div></footer><div class="next_case_study"><div class="next_case_div"><div class="next_textspan hide">Next Project</div></div><div fs-cmsprevnext-element="list" class="cl_next hide w-dyn-list"><div role="list" class="cl_next_wrapper w-dyn-items"><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/niantic" class="current_page_study w-inline-block"><div class="name_project_next"><div class="next_project_textspan">GO Fest</div><div class="client_next">Niantic</div></div><div class="img_next_wrapp"><img loading="lazy" alt="GO Fest" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3.JPG" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-500.jpg 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-800.jpg 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-1600.jpg 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3-p-2000.jpg 2000w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/670faf91e5588ed8999a6ee3_Hero3.JPG 2506w" class="next_img_wrapper"/></div></a></div><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/humanitarian-xchange" class="current_page_study w-inline-block"><div class="name_project_next"><div class="next_project_textspan">Humanitarian Xchange</div><div class="client_next">Humanitarian Leadership Academy</div></div><div class="img_next_wrapp"><img loading="lazy" alt="Humanitarian Xchange" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/669e4f166d879a3874778474_Hxthumb.jpg" class="next_img_wrapper"/></div></a></div><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/android-avenue-2024" aria-current="page" class="current_page_study w-inline-block w--current"><div class="name_project_next"><div class="next_project_textspan">Android Avenue 2024</div><div class="client_next">Android</div></div><div class="img_next_wrapp"><img loading="lazy" alt="Android Avenue 2024" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1.jpg" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-500.jpg 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-800.jpg 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1-p-1080.jpg 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/667d5ab119b55f80a0a1ef49_1.jpg 1280w" class="next_img_wrapper"/></div></a></div><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/arm-dev-summit" class="current_page_study w-inline-block"><div class="name_project_next"><div class="next_project_textspan">Arm DevSummit</div><div class="client_next">Arm</div></div><div class="img_next_wrapp"><img loading="lazy" alt="Arm DevSummit" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%20(00056).webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%2520(00056)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f56e_ARM_ADS_CaseStudy_03%20(00056).webp 1920w" class="next_img_wrapper"/></div></a></div><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/zoom-at-uc-expo" class="current_page_study w-inline-block"><div class="name_project_next"><div class="next_project_textspan">Zoom at UC Expo</div><div class="client_next">Zoom</div></div><div class="img_next_wrapp"><img loading="lazy" alt="Zoom at UC Expo" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%20Case%20Study_V2_Socials%20(00003).webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%2520Case%2520Study_V2_Socials%2520(00003)-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f583_Zoom%20Case%20Study_V2_Socials%20(00003).webp 1920w" class="next_img_wrapper"/></div></a></div><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/bravery-in-ukraine" class="current_page_study w-inline-block"><div class="name_project_next"><div class="next_project_textspan">Bravery in Ukraine</div><div class="client_next">Ukraine Embassy to the UK</div></div><div class="img_next_wrapp"><img loading="lazy" alt="Bravery in Ukraine" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1.png" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1-p-500.png 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f591_unnamed-1.png 512w" class="next_img_wrapper"/></div></a></div><div role="listitem" class="cl_next_item w-dyn-item"><a href="/case-study/escal8" class="current_page_study w-inline-block"><div class="name_project_next"><div class="next_project_textspan">Escal8</div><div class="client_next">Google Security</div></div><div class="img_next_wrapp"><img loading="lazy" alt="Escal8" src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093.webp" sizes="100vw" srcset="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-500.webp 500w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-800.webp 800w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-1080.webp 1080w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-1600.webp 1600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-2000.webp 2000w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-2600.webp 2600w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093-p-3200.webp 3200w, https://cdn.prod.website-files.com/65a16a56a87dac8a8780f550/65a16a56a87dac8a8780f590_shutterstock_302738093.webp 6600w" class="next_img_wrapper"/></div></a></div></div></div><div fs-cmsprevnext-element="next" class="next_div"></div></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=65a16a56a87dac8a8780f532" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/65a16a56a87dac8a8780f532/js/webflow.e7e528ce.90c74ff5239581c1.js" type="text/javascript"></script><script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-copyclip@1/copyclip.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-socialshare@1/socialshare.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/gsap.min.js"></script> <script src="https://player.vimeo.com/api/player.js"></script> <script src=" https://cdn.jsdelivr.net/npm/granim@2.0.0/dist/granim.min.js "></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.3/ScrollTrigger.min.js"></script> <script src=" https://cdn.jsdelivr.net/npm/split-type@0.3.4/umd/index.min.js "></script> <script> (function () { const LOCALHOST_URL = [ 'http://localhost:3000/@vite/client', 'http://localhost:3000/src/main.js' ] const PROD_URL = ['https://brandfuel-main.netlify.app/main.js'] function createScripts(arr, isDevMode) { return arr.map(function (url) { const s = document.createElement('script') s.src = url if (isDevMode) { s.type = 'module' } return s }) } function insertScript(scriptArr) { scriptArr.forEach(function (script) { document.body.appendChild(script) }) } const localhostScripts = createScripts(LOCALHOST_URL, true) const prodScripts = createScripts(PROD_URL, false) let choosedScripts = null fetch(LOCALHOST_URL[0], {}) .then(() => { choosedScripts = localhostScripts }) .catch((e) => { choosedScripts = prodScripts console.error(e) }) .finally(() => { if (choosedScripts) { insertScript(choosedScripts) return } console.error('something went wrong, no scripts loaded') }) })() </script> <script data-id-scroll data-autoinit="true" data-duration="1" data-orientation="vertical" data-smoothWheel="true" data-smoothTouch="false" data-touchMultiplier="1.5" data-easing="(t) => (t === 1 ? 1 : 1 - Math.pow(2, -10 * t))" data-useOverscroll="true" data-useControls="true" data-useAnchor="true" data-useRaf="true" data-infinite="false" defer src="https://assets-global.website-files.com/645e0e1ff7fdb6dc8c85f3a2/64a5544a813c7253b90f2f50_lenis-offbrand.txt"> </script> <script> // Select all the elements with the class 'div_grand_child' const divGrandChildElements = document.querySelectorAll('.div_grand_child'); divGrandChildElements.forEach((element) => { // Check if the element contains a 'numb_result_wrap' with 'result_h1' or 'tag_result' const resultH1Elements = Array.from(element.querySelectorAll('.numb_result_wrap .result_h1')); const tagResultElements = Array.from(element.querySelectorAll('.numb_result_wrap .tag_result')); // Select the 'result_line' element const resultLine = element.querySelector('.result_line'); if (resultLine) { // Check if at least one 'result_h1' or 'tag_result' does not have the class 'w-dyn-bind-empty' const hasVisibleResultH1 = resultH1Elements.some(resultH1 => !resultH1.classList.contains('w-dyn-bind-empty')); const hasVisibleTagResult = tagResultElements.some(tagResult => !tagResult.classList.contains('w-dyn-bind-empty')); if (hasVisibleResultH1 || hasVisibleTagResult) { // If at least one 'result_h1' or 'tag_result' is visible, set opacity to 1 resultLine.style.opacity = '1'; } else { // If all 'result_h1' and 'tag_result' are not visible, set opacity to 0 resultLine.style.opacity = '0'; } } }); </script> <script> //Animation Top Page const caseh1 = document.querySelectorAll('[data-a="case-h1"]'); const texth1 = new SplitType(caseh1, { types: 'words, chars, lines' }); const caseh2 = document.querySelectorAll('[data-a="case-h2"]'); const texth2 = new SplitType(caseh2, { types: 'words, chars, lines' }); const casetxt = document.querySelectorAll('[data-a="case-txt"]'); const texth3 = new SplitType(casetxt, { types: 'words, chars, lines' }); const caselinks = document.querySelectorAll('.share_link'); const caseLine = document.querySelectorAll('[data-a="case-line"]'); const caseVideo = document.querySelectorAll('.cms_video_embed'); const caseVideoWrap = document.querySelectorAll('.case_video_container'); // Create a Vimeo Player instance for each video const players = Array.from(caseVideo).map(videoIframe => new Vimeo.Player(videoIframe)); const workTl = gsap.timeline({ onComplete: () => { // Play all videos when the timeline finishes players.forEach(player => { player.setVolume(0); // Mute the video player.setLoop(true); player.play(); }); } }); workTl.from(caseVideoWrap,{ height: '0vh', ease: 'expo.out', duration: 1.8 }, 0.1), workTl.from(caseVideo,{ y: '120%', scale: 1.2, ease: 'expo.out', duration: 1.8 },0.2), workTl.from(texth1.chars,{ y: '120%', opacity: 0, ease: 'expo.out', duration: 1.4, stagger: { each: 0.02 } }, 0.3), workTl.from(caseLine,{ width: '0%', ease: 'expo.out', duration: 1.8 }, 0.4), workTl.from(texth2.chars,{ y: '120%', opacity: 0, ease: 'expo.out', duration: 1.4, stagger: { each: 0.02 } }, 0.5), workTl.from(texth3.chars,{ y: '120%', opacity: 0, ease: 'expo.out', duration: 1.4, stagger: { each: 0.02 } }, 0.6), workTl.from(caselinks,{ scale: 0, opacity: 0, duration: 1.4, stagger: { each: 0.02 } }, 0.6) //Animation Lower const workP = document.querySelectorAll('[data-a="case-txt2"]'); const workTitles = document.querySelectorAll('[data-a="case-title"]'); const workLines = document.querySelectorAll('[data-a="case-line2"]'); const workImgs = document.querySelectorAll('[data-a="case-img"]'); const resultH1 = document.querySelectorAll('.result_h1'); resultH1.forEach((element) => { const endValue = parseInt(element.textContent, 10); const obj = { val: 0 }; // start value gsap.to(obj, { val: endValue, roundProps: "val", // round to nearest integer duration: 2, ease: 'power1.inOut', onUpdate: function () { element.textContent = obj.val; // update the text content in each frame }, scrollTrigger: { trigger: element, start: 'top bottom', toggleActions: 'restart none none none' } }); }); workLines.forEach( (element) =>{ gsap.from(element,{ width: '0%', delay: 0.1, ease: 'expo.out', duration: 2, scrollTrigger:{ trigger: element, start: 'top bottom' } }) }) workTitles.forEach((element) => { const workTitle = new SplitType(element, { types: 'chars' }); gsap.from(workTitle.chars.flat(), { y: '120%', opacity: 0, delay: 0.02, duration: 1.8, ease: 'expo.out', stagger: { each: 0.02 }, scrollTrigger: { trigger: element, start: 'top bottom' } }); }); workP.forEach((element) => { const workText = new SplitType(element, { types: 'lines' }); gsap.from(workText.lines.flat(), { y: '120%', opacity: 0, delay: 0.02, duration: 1.8, ease: 'expo.out', stagger: { each: 0.1 }, scrollTrigger: { trigger: element, start: 'top bottom' } }); }); workImgs.forEach((element) => { gsap.fromTo(element, { y: '-20%', scale: 1.4 }, { y: '10%', scale: 1, scrollTrigger: { trigger: element, start: 'top bottom', end: 'bottom top', scrub: true } }); }); </script> <script> var granimInstance = new Granim({ element: '#granim-canvas', direction: 'diagonal', isPausedWhenNotInView: true, states : { "default-state": { gradients: [ ['#000000', '#000000'], // black and gray ] }, "second-state": { gradients: [ ['#000000', '#76dd97'], // black and green ] }, "third-state": { gradients: [ ['#5B267E', '#BD4511'], // purple and orange ] }, "last-state": { gradients: [ ['#BD4511', '#5B267E'], // orange and purple ] } } }); const triggers = ['.case_video_wrapper', '.case_study_sumary_container', '.creative_section_results', '.footer_grid_parent']; const states = ['default-state', 'second-state', 'third-state', 'last-state']; triggers.forEach((trigger, index) => { gsap.timeline({ scrollTrigger: { trigger: trigger, start: "top+=300 center", end: "bottom+=300 center", onEnter: () => granimInstance.changeState(states[index]), onLeaveBack: () => { if (index !== 0) { const previousIndex = index - 1; granimInstance.changeState(states[previousIndex]); } }, scrub: true } }); }); </script></body></html>