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
UX/UI 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
OVERVIEW
The Riot Game installation project moved quickly, with just two weeks from conceptualization to execution. Throughout this period, we had multiple other projects underway at the same time. I was responsible for the complete UX design for the tablet and worked alongside a senior UI designer to finalize the UI design. This project taught me how to produce high-quality results efficiently and highlighted the significance of daily communication with the project leader.
The Strategy Team analyzed the client brief from Riot Games and developed several potential solutions. After conducting meetings with the client, we decided on one direction and designed the complete experience. Our goal was to enhance the visibility of Riot Games Music through the Bund Finance Center (BFC) Music Festival.
Client’s brief & debrief
02
DESIGN
How I designed the way users interact
I designed the user experience for guests using the tablet. I focused on the user flow and wireframes to create a smooth and easy interaction with the music booth.
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.