Pages couverture des trois mini-jeux.
Cordastique
Memoricarte
Break Out
Démonstration vidéo des trois jeux
Palette de couleur
La palette de couleur s'inspire du courant synthwave, un courant récent de référencement d'éléments artistiques, technologiques et musicale, des années 80 et 90.
Mis à part des couleurs principales, des nuances ont été ajoutées pour donner plus de personnalités aux jeux sans sortir de l'esthétique voulue.
Logo et typographie
Le logo et la typographie ont été faits en avec des références d'interfaces de jeux des années 80 et 90.
Une touche de modernité est maintenue grâce aux rondeurs non pixelisées.
Conception des éléments du jeu Cordastique
Ces documents indiquent les différents états des assets que j'ai créé pour le premier jeu de l'expérience intitulé Cordastique.
J'ai créé ces états en me basant sur les indications du designer de jeu. Le tout devait se faire en respectant les exigences de la palette de couleurs.
États des éléments principaux du jeu
États du contour du filet
États du filet
Conception des éléments du jeu Break Out
Sur ces deux pages se trouvent les icones de pouvoir (Power Up) et les différents états dans lesquelles ils peuvent se trouver.
États des balises de pouvoir et animation de contact
États de la balle, des briques et des plateformes des joueurs
Accessibilité
Grâce au plugin Blind Color, j'ai pu générer des copies du design system d'un des jeux pour observer les sept cas de figure de daltonisme.
Il a été déterminé que l'installation restait accessible à cinq variantes de ce trouble de vision après plusieurs tests.
Protanomalie
Deuteranomalie
Tritanomalie
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Interface du pointage en temps réel de Cordastique.
Le pointage en temps réel a été conçu pour que les joueurs puissent voir leur évolution pendant la partie.
Interface du pointage final
L'interface du pointage final a été conçu de façon à ce qu'il puisse mettre en évidence le résultat des participants.
Un chevron et une surbrillance aident les observateurs à repérer leurs résultats et leurs positions. La couleur diffère lorsque le joueur atteint la première place.
Interface du pointage en temps réel de Break Out
L'affichage reste le même dans les deux cas de figure. Le gagnant sera notifié à la fin de la partie. Les pouvoirs (POWER UP) seront affichés lors de leur obtention en dessous du pointage.
Couleurs originales des pointages
Couleur pour gain de points
Couleur pour perte de point
Obtention des pouvoirs
