THE CHALLENGE
With the return of one of Riot's most beloved thematics, we were tasked with creating a web minigame experience that could live within the parameters of the League of Legends desktop client.
DESIGN SOLVE
Our solve was a sprawling, interactive League of Legends experience like no other. We helped Riot define the player journey through careful UI and UX planning, and visual language development. Our final design library carried the aesthetics of the Star Guardian skin line through even the tiniest of details, and supported countless states of completion and an interactive visual novel with dozens of characters.
WIREFRAMES
Early wireframes explored some kind of thematic framing device, such as a phone.
VISUAL DESIGN
Early visual design exploration, focused on color and fidelity. Ultimately, we decided to move forward with the flatter direction to more closely align to phone UI.
FINAL DELIVERABLES
The final design included multiple states, screens, and hover effects. A full component library was also included in our delivery to development partners.
AGENCY: Thinkingbox
CREATIVE DIRECTION: Kal Nguyen, Andy Burdin
DESIGN SUPPORT: Annie Myron
ILLUSTRATION: Riot Games
ANIMATION: Thinkingbox
DEVELOPMENT: BOND
