Tablet Interface UXUI Design for Riot Game Music Festival
Interactive Installation | UX/UI
Designed 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.
Interactive Installation
UX/UI
ROLES
UX/UI Designer
SKILLS
UX/UI Design
TEAM
1 UX/UI Designer (Me)
1 UX Lead
1 Senior UI Designer
2 Producers
1 3D Artist
1 Graphic Designer
DURATION
2 Weeks
Shipped Project
@ Riot Game, Monks
SNEAK PEEK
10,000+ engaged through interactive experience
10,000+
visitors in 2 days
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.
DESIGN
From user flow to polished UI
Understand how the users play the music
My role focused on the tablet’s music exploration experience, where I designed the complete UX/UI flow to help users intuitively navigate, discover, and enjoy music through a visually rich interface.
Mapped the user flow and anticipated user actions at each step.
Wireframe the music experience
Translated the user flow into clear, structured wireframes.
Apply Riot Game brand guidelines to visual design
Collaborated closely with the senior UI designer to translate Riot Games’ brand guidelines into polished, high-fidelity interfaces.
REFLECTION
Designing the music installation for Riot Games was an exciting challenge. Seeing guests interact with it on the Shanghai Bund was deeply rewarding. As the project designer, I was proud of the teamwork and the final result.
Collaboration with multiple team roles
I worked closely with producers, animators, and designers through WeChat, Slack, Zoom, and Figma. Frequent discussions with clients, like translating Chinese song names, required quick design updates and strong communication across disciplines.
Working on a tight schedule
With only two weeks from strategy to launch, I learned to balance quality and speed. Regular check-ins and early submissions ensured smooth feedback and timely delivery.
Refining design precision
Riot Games’ strict brand standards pushed me to deliver pixel-perfect work. This experience sharpened my attention to detail and elevated my visual design skills under tight deadlines.
© 2025 Yawen Xiao All Rights Reserved
Made with Loves