A big step for Riot into entertainment
Arcane is the show where they bring the world of League of Legends to life. Apart from being a huge step for Riot into entertainment, one of the goals was to expand to fresher audiences.
We were so lucky to receive so much information from Riot before and after our kick-off meeting. We got detailed information about the phases of the platform and their goals, requirements (must/should/could) that our website had to achieve, and also an audience breakdown that definitely helped us to better understand the current audience.
In order to dive deeper into the audience, we decided to have internal interviews with some monks (MediaMonks colleagues) since we had people really interested in League Of Legends and Riot in general.
We also had stakeholder interviews with some Rioters to find out what were the expectations, needs, and goals from a business perspective.
Discovery Workshop sessions
We suggested having a workshop together with Riot to truly understand the focus, needs, and opportunities at each moment of the experience.
One of the key outputs of the workshop was what we called the “Phased Platform Map”, an artifact that we were completing after every conversation with Riot.
Each conversation helped build a visual artifact to understand the needs, content and opportunities at each phase of our experience.
In order to get the correct information and insights from Riot, we decided to have a total of 4 sessions with them where we worked together on different activities:
Platform & Goals Requirements to align on where priority needs from a business and user perspective
Empathy Maps to understand our personas better
Content Mapping: type of content and in which phase apply
Creative Session to start landing the creative concept
Scenario Mapping where we co-created a user journey to identify user needs and potential opportunities
At the end of the workshop, we achieved a really complete Platform Map where we had a better understanding and definition of every single phase.
Our Phased Platform Map after the workshop sessions.
Defining a user journey
A user journey was defined for the purpose of bringing it all together in preparation for full production mode.
In collaboration with the creative team, we chose one of our main personas and developed a user journey together but also began the platform’s look and feel.
Designing some components and the sitemap would give us a good sense-check of how everything would flow together.
Production of every phase
Since our platform was evolving over time, offering different content and revealing new components, we had to make sure that we reflected that into our wireframes.
When it comes to designing large platforms like Arcane, it is really important to create a component library in order to work and iterate faster.
Once the information architecture and content strategy of every page in every phase were locked, we opted for high-fidelity wireframes in order to show to the client.
Here you can see how the Homepage was evolving over time, which components are new to display new information and which other are being re-used.
And how UI was applying our UX approach to their designs, following our wireframes:
This is some WIP of the Homepage in UI.
Some appreciation
This project was a fun one that I enjoyed a lot thanks to the following folks I had the opportunity to work with:
Alex Oyarzabal - Snr Project Manager
Andrew Prondak - Technical Director
Ben Cooper - UX Lead
Guadalupe Madrea - Lead Project Manager
Jason Dolla - Snr Producer
Javier Suarez - Frontend Developer
Jin Kim - Snr Frontend Developer
Martin Termini - Technical Director
Matias Koch - Project Manager
Matias Sallent - Snr Developer
Rick Makkee - Snr Frontend Developer
Rocio Gomez - UI Designer
Ronald Mendez - Development Lead
Spencer Fink - Design Lead & Creative
Sofia Kuchikian - UX Designer
Tim Dillon - Account Director
And if there are some other monks I’m forgetting about… sorry about that 🙏🏻