Previous Project Next Project

Work done for Riot Games, crafting the UX experience for the app and responsive web.

Mapping the IA

Discovery workshop

The first port of call was to facilitate a workshop to work with the IA team to assess where the brand new pages would appear in the structure of the app and the native mobile app.

Progression

Working the brand

With a modern brand identity the key was to match this with modern UX that could accompany the illustrative style and clean minimalist aesthetic of this product.

Progression

Style & substance

The key was to meld the requirement whereby content could often require heavy statistical information, which was in danger of disturbing the minimalist style and use of space. 

Progression

Illustrations to the rescue

With a bright illustrative style the pages with heavy content were offset by this approach. Slide, drag and drop and other modern UX mechanisms made this product industry leading.

Progression

Dark and light 

As per the modern way all designs were done in light and dark mode, and with all layouts ie native mobile for iOS and Android, phone, tablet and desktop.

Progression

Timing the timings

An interesting UX aspect was working with the skip functionality, whereby the UX team looked at where in the timeline spikes of activity occurred which was a viable means to determine where the highlights for the highlights reel would be lifted from.

Progression

Setting or Preferences

Using the metrics to hand and follow up discovery, combined with best practice at the time, the UX team crafted what mechanisms would be used for the Preference and Settings areas.

Progression

Busy interface 

One of the key requirements was for users to be able to access all the stats if needed, since this was a prime use case for these users born from discovery. Therefore it was a challenge to ensure we could get as much of this information as possible into these areas, especially for mobile.

Progression

Latches and switches

Ultimately the choice was made that the user would have an easily accessible latch to shift between the various game types with appropriate IA within, rather than merging the games ecosystems since discovery dictated that users were overwhelmingly more likely to play one of the games available.