01 / 04Fermer ×Remake.gg
Identité · Design produit
Intention
Comprendre une partie au-delà du score.
Remake.gg est un projet d’application d’analyse pour les joueurs de League of Legends. J’ai conçu son identité visuelle et ses interfaces autour d’une priorité : aider le joueur à comprendre ce qui a fait basculer son match. L’événement décisif ouvre la lecture ; les statistiques viennent ensuite l’éclairer.
- Rôle
- Identité · UX/UI · Visualisation de données · Animation
- Contexte
- Application d’analyse · League of Legends
- Année
- 2026
Un signe.
Un langage à construire.
J’ai retenu des modules géométriques simples pour relier les compositions de marque aux interfaces. La grille fixe les alignements ; la couleur distingue les éléments à lire en premier.
- 01 / Cadrer
Une grille commune.
Des alignements francs pour donner une place aux formes et aux informations.
- 02 / Assembler
Composer avec les mêmes modules.
Des cellules identiques forment des groupes et des alignements, sans changer de grille.
- 03 / Hiérarchiser
Réserver la couleur au signal.
Le cobalt pose la structure. L’acide attire l’attention ; le rouge introduit une rupture.
De la grille au visuel.
Les modules changent d’échelle.
Faire émerger
le point de bascule.
READ invite à repérer où le match a changé ; TRAIN prolonge cette lecture par l’entraînement. Les deux compositions partagent une trajectoire en modules : l’acide la rend saillante et le rouge marque le point de bascule.
Du moment clé
aux statistiques.
Le dashboard ouvre la lecture ; l’historique permet de retrouver une partie et l’analyse d’en examiner le déroulement. Les écrans de sélection et de champions complètent cette bibliothèque produit.
Dashboard Remake.gg V7.14 : moment clé, indicateurs et trajectoire de classement
- 01 — Une entrée claire
- Un événement mis en avant donne au joueur une première piste à examiner.
- 02 — Du résumé au détail
- Les indicateurs donnent une vue d’ensemble ; les historiques et graphiques permettent d’approfondir.
- 03 — Des repères constants
- La navigation reste cobalt. Les accents guident l’attention et sont toujours accompagnés de libellés.
Comprendre pourquoi
la partie a changé.
Un « turning point », c’est un moment qui change le rapport de force. Remake le replace dans la partie : ce qui se passait avant, l’action décisive et ses conséquences.
Votre équipe est en retard.
L’adversaire possède davantage d’or : il a l’avantage économique.
Vous gagnez un combat d’équipe.
Près du Baron, quatre adversaires sont éliminés pour une seule perte dans votre équipe.
Le moment que Remake fait ressortir.Le combat se transforme en avantage.
Votre équipe prend deux tours et rattrape son retard en or.
Exemple illustré dans la maquette du dashboard — pas une analyse en direct.
Le récit relie une action à ses conséquences : gagner le combat compte parce qu’il permet ensuite de reprendre des objectifs.
Dans l’interfaceLe même moment est résumé par une action, une heure et ses conséquences. L’accent rouge repère la bascule ; l’acide fait ressortir les gains.
Le système
prend vie.
Le film d’introduction reprend les modules de l’identité pour rythmer le message. Leur assemblage fait le lien entre la promesse de Remake et la construction de son interface.
De l’identité
à la lecture du jeu.
Une identité modulaire, deux visuels de campagne, cinq écrans produit, deux films et six posts : chaque livrable reprend les mêmes repères pour relier la communication de Remake à son interface.
Donner du caractère à l’image.Donner du sens à l’information.
Une identité ou une interface à construire ?
Projet suivant