Riot Games Music Booth
Tablet interface UXUI design for Riot Game Shanghai Bund BFC Music Festival
Design tablet interfaces for a lively music installation to attract attendees and fans, encouraging them to explore Riot Games Music through Valorant's soundtrack. This installation was featured at the Bund Finance Center (BFC) Music Festival to boost the visibility of Riot Games Music.
ROLES
User Experience Design
User Interface Design
TEAM
Digital Design Intern/ Me
UX Lead/ Mei Mei
Senior UI Designer/ Yi
Producer/ Layne
3D Artist/ Singapore colleague
Graphic Designer/ Harper
DURATION
2 Weeks
Launched project
@ Media.Monks, Riot Game
00
SNEAK PEEK
10, 000+
The event attracted approximately 10,000 visitors and was covered by several news outlets. Attendees engaged with the interactive tablet and installation, making it a memorable experience.
visitors in 2 days
01
PROJECT OVERVIEW
The Riot Game installation project was a fast-paced project, with only two weeks from design to implementation. During this time, we had several other projects running concurrently. I was tasked with the full UX design for the tablet and collaborated with a senior UI designer to complete the UI design. This project taught me how to deliver high-quality work in a short timeframe and emphasized the importance of daily communication with the project leader.
02
DESIGN
Understand how the users play the music
Wireframe the music experience
Apply Riot Game brand guidelines to visual design
03
REFLECTION
Creating the music installation for Riot Games was my first experience with a Location-Based Entertainment (LBE) project. Seeing guests engage with and enjoy the installation on the Shanghai Bund made me proud. As the project designer, I am grateful to my colleagues and satisfied with the project's success.
I learned valuable lessons through this project, working with producers, animators, and fellow designers. We used tools like WeChat, Slack, Zoom, and Figma for communication. Daily discussions with clients, especially for translating Chinese song names, required quick design updates.
Collaboration with multiple team roles
With just two weeks from strategy to implementation, I honed my time management skills. Regular meetings and early design submissions gave producers enough time for reviews and feedback.
Working on a tight schedule
This project pushed me to refine my design precision. While school projects focused on overall solutions, Riot Games' brand guidelines required pixel-perfect visuals. Meeting these high standards significantly improved my visual design skills.
Refining design precision
NEXT PROJECT
An app with AR technology offering visitors a more interactive and engaging experience in Tenement Museum.