Mobile design of a League of Legends personal coaching and gaming community app

Project

Sage is a mobile app that helps League of Legends players improve with personalised coaching and feedback on their matches from professional gamers and the gaming community.

Mobile app

Together with the client, a Los Angeles based gaming startup, I designed an interactive wireframe to get the features and user experience right. The next stage was the visual design and creation of a mobile design system. As part of the design, I created an interactive prototype in Figma to simulate functionality and animation to guide the development. I also designed and built a marketing website to promote the app.

Involvement

Creative director
Mobile app design

Date

October 2020

Figma prototype

This is a screen recording of the Figma prototype showing the sign-in experience and submitting one of your matches for review.

Search other player's reviews

This is another screen recording from the Figma prototype, this time showing the user exploring other player's match reviews so they can learn from their mistakes and the advice they receive from the professional coaches.

Match reviews

This is another screen recording from the Figma prototype, this time showing the user accessing and interacting with one of their video (feedback/coaching) reviews of their match in League of Legends.