A mobile app maps out every venue visit
Embedded web views manage session persistence and live ticketing flows directly on screen.
Gallery
The project
The team developed the Adidas Arena mobile application for the Magnetism agency. The key constraint required integrating ticketing and cashless webviews while maintaining seamless session continuity. The studio designed the interface using React Native, connecting it to an administration tool to keep content up to date. The application passed its initial submission on the first attempt ahead of its deployment on the App Store and Google Play. This project demonstrates the studio's ability to integrate web user journeys into a native mobile environment.
- Mobile
- Web App
- Integration
- GraphQL
- Rive / Lottie
The challenge
Ticketing, interactive maps, and payments relied on third-party web platforms. The risk: causing session drops or disruptive loading times during peak traffic. These heterogeneous components had to be orchestrated into seamless navigation, while ensuring total autonomy for the venue's teams to update content.
Our approach
Right from the launch, the visitor goes through a smooth onboarding journey paced by vector Lottie animations. We designed the architecture using React Native for iOS and Android. For ticketing, the map, and cashless services, we integrated each Web App into dedicated containers ensuring session persistence, complemented by a specific alert system on Android. Behind the scenes, we deployed a Strapi content management system using Docker on AWS EC2. The control room can thus modify screens and live feeds without republishing the application to the stores.
Results
Immediate validation: the deliverable passed the Apple and Google publishing reviews on its very first submission. The application is live in production on both download platforms for all venue visitors.
Similar projects
Let's talk about your project
A 30-minute call — no deck, no pitch, just your brief.
Start a conversation →