Asahi × Manchester City AR
Social-first WebAR game turning Asahi limited-edition cans into stadium portals.
Asahi Super Dry × Manchester City WebAR Experience
A social-first browser AR game that transforms Asahi limited edition cans into portals to the stadium—built on 8th Wall and optimized for global deployment.
Project Overview
To celebrate the partnership between Asahi Super Dry and Manchester City, we developed the technical infrastructure for a browser-based immersive AR experience. Users can interact with iconic football players like Dias, Rodri, and Aké by scanning QR codes on Asahi limited edition cans—without needing to download or install any applications, achieving fast and convenient global access.
Role Division: The creative direction and brand campaign were designed by Catalyst agency. Hyperyond engineered the technical systems — 8th Wall WebAR platform integration, cross-device compatibility architecture, and performance optimization infrastructure.
Technical Solutions
- Engineered AR experience based on 8th Wall, supporting global multi-region browser usage, including China's WeChat environment.
- Implemented asset compression and lazy loading technologies to ensure high performance and fast loading on mobile devices.
- Built broad device compatibility layer, allowing users to enjoy immersive experiences without installing applications.
Technical Achievements
- Delivered smooth, shareable globally accessible AR experience platform.
- Built the technical systems enabling brand storytelling with interactive experiences.
- Engineered scalable infrastructure to support high-volume marketing campaigns.
Key Features
- Image Tracking: Recognizes Asahi limited-edition cans
- Stadium Portal: Virtual portal to Manchester City's stadium
- Interactive Gaming: Engaging gameplay elements
- Social Sharing: Share achievements and experiences
- Mobile-First Design: Optimized for smartphone browsers
- Cross-device Compatibility: Works globally, including WeChat environment
Technical Implementation
For Catalyst agency, we provided:
- 8th Wall WebAR platform integration
- Cross-device and WeChat compatibility engineering
- Asset compression, lazy loading, and performance optimization
- Image tracking system for can recognition
- AR portal rendering engine
- Interactive game mechanics development
- Mobile device performance tuning