Revisiter l'expérience de jeu pour des millions de joueurs et relever le défi de moderniser l'une des plateformes en ligne les plus emblématiques de tous les temps, League of Legends.
CLIENT
Riot Games
OUTILS
Wireframes & Figma
THÈME
Refonte du client d'un jeu vidéo
LE CONTEXTE.
Dans le cadre de ce projet fictif, j'ai été confronté à moderniser le client du jeu League of Legends, un jeu très populaire avec beaucoup de joueurs. Le client existant présentait des difficultés techniques et d'ergonomie. Il fallait faire en sorte de l’améliorer tout en gardant la base existante.
LA PROBLÉMATIQUE.
Le défi ici était de trouver le juste équilibre entre la modernisation de l’interface et la nouvelle expérience pour les utilisateurs, en préservant les éléments que les joueurs connaissaient et aimaient sur l’ancien client. Face à des joueurs très attachés à l'interface actuelle, il fallait être prudent. Chaque gros changement risquait d'être mal accueilli, d'où l'importance de trouver le bon équilibre.
LES OBJECTIFS.
OBJECTIF N°1
Offrir une nouvelle expérience utilisateur plus intuitive et agréable.
OBJECTIF N°2
Moderniser le design en proposant une interface attrayante.
OBJECTIF N°3
Simplifier l'interface en ne conservant que les éléments essentiels et les visuels.
LES SOLUTIONS.
À partir de cette analyse, j'ai procédé à un audit plus détaillé par pages du client, afin de déterminer les éléments à conserver, à ajouter ou à retirer pour optimiser l'expérience utilisateur.
ANALYSE DES UTILISATEURS
J'ai entrepris une analyse approfondie des besoins des joueurs. Pour ce faire, j'ai recueilli des retours de joueurs débutants et confirmés, afin de m'appuyer sur une base solide pour réaliser le nouveau design du client.
→ De nombreux joueurs ont mentionné que l'interface actuelle pouvait se montrer complexe. Ils étaient parfois perdus avec des menus pas toujours intuitifs et une surcharge d'informations visuelles sur l'écran.
→ Cependant, il n'y avait pas que du négatif. Ils aimaient particulièrement la simplicité avec laquelle ils pouvaient lancer une partie, les visuels attractifs, l'organisation générale du client et la possibilité de personnaliser leur profil à leur goût.
WIREFRAMES ET MAQUETTES
Avec ces informations , j'ai commencé par créer des wireframes pour visualiser les différents éléments et leur disposition. En parallèle, j'ai mis en place un système de composants réutilisables, assurant ainsi une cohérence visuelle et une facilité de maintenance sur le long terme.
En tenant compte des besoins des joueurs, de l'ergonomie et des dernières tendances, j'ai cherché à créer une interface moderne et épurée tout en conservant certains éléments visuels familiers. Cela aide à faciliter la transition vers le nouveau design. Cependant, j’ai voulu faire en sorte de réaliser un client grandement immersif, afin de mettre en avant la beauté des visuels et proposer une nouvelle expérience aux joueurs.
© 2023 THOMAS RYBAK