Expo 2020 Dubai NYE

Overview

WebGL & Interactive Experiences case study for Expo 2020 Dubai NYE focused on measurable user and.

The Challenge

Design and develop an Instagram filter for Expo 2020 Dubai to celebrate New Year's Eve 2022, featuring 192 variations with country flags and 'Happy New Year' messages in.

• —Design an immersive 3D/WebGL user interface for Expo 2020 Dubai NYE that captures brand identity.
• —Deliver smooth 60fps interactive animations across both mobile and desktop screens.
• —Create intuitive spatial navigation and UI overlays to guide visitors through the experience.

The Approach

Crafted a custom AR filter for Instagram that displays a country's flag along with a 'Happy New Year' greeting in the country's official language upon user interaction. Programmed and tested 192 unique variations to cater to a global audience, ensuring inclusivity and.

• —Conducted detailed UX prototyping for Expo 2020 Dubai NYE to map interactive layouts and asset states.
• —Developed custom shaders, optimization pipelines, and 3D scenes in close collaboration.
• —Optimized particle density and rendering limits via strict quality assurance testing.

The System

Adobe Photoshop. Meta Spark AR. Adobe After Effects.

• —Engineered with HTML5, CSS3, and JavaScript, leveraging Three.js and custom shader modules.
• —Implemented asset preloading and asynchronous textures to minimize initial page load times.
• —Configured dynamic performance caps to support older GPUs and mobile browsers.

Outcome

Successfully delivered an engaging and festive AR Instagram filter for Expo 2020 Dubai, which enhanced user experience and celebration engagement across the globe.

• —Successfully delivered a high-performance 3D interaction layer for Expo 2020 Dubai NYE.
• —Boosted customer interaction time and brand awareness in target GCC markets.
• —Achieved Awwwards-level visual standards while preserving quick loading times.