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.
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.
Mobile app design
This is a screen recording of the Figma prototype showing the sign-in experience and submitting one of your matches for review.
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.
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.