Emma Morin's profile

Just Dance 2020 - UI

Contexte : 
Just Dance est un jeu de danse, développé et édité par Ubisoft Paris. Un casual game où le joueur doit reproduire les mouvements qu’un danseur réalise à l’écran. Et cette année, sortait le 11ème opus, Just Dance 2020, célébrant les 10 ans de la marque. 


Objectifs :
En tant que UI Designer, j'ai eu en charge différentes tâches et features du jeu. 
Mes principales missions étaient : 
- L'amélioration/modernisation de la DA
- La réalisation de mock up et d'asset
- L'intégration & animation de textures  
- Du prototypage 


1. Recherche graphique et nouvelle DA
Sur Just Dance 2019, une première charte graphique a été établie. Cependant pour 2020, l'objectif était d'amener plus de modernité et de clarté sur l'ensemble de la DA.

Mon rôle a été de retravailler la charte graphique actuelle et de la compléter. Cette charte possède un code couleur par catégorie permettant au joueur de bien distinguer chaque type d'information.

J'ai donc retravaillé ces couleurs, tout en respectant cette contrainte de sens, soit une couleur équivaut à un type d'information. De plus, la majorité de mon travail s'est concentré sur l'amélioration des couleurs de la main bar. La main bar composée de 5 catégories et se présentant sous différents états (expand, collapse, focused, unfocused) devait être la plus lisible possible pour le joueur. Beaucoup d'itérations et de polish ont donc été réalisés afin d'obtenir un résultat équilibré. 


La main bar en état collapse, la catégorie "Home" étant sélectionnée.  
La main bar en état expand, la catégorie "Playlist" étant sélectionnée.  
La main bar en état expand, la catégorie "Profile" étant sélectionnée.  
La main bar en état collapse, la catégorie "Profile" étant sélectionnée.  
2. La Carte de Danseur
La carte de danseur ou Dancer Card a été une de mes features sur Just Dance 2020. L'objectif : repenser le layout de la création de la dancer card ainsi que son visuel.
Celle ci a donc subit une refont pour correspondre au choix de la nouvelle direction artistique. Une fois le nouveau visuel validé, la Dancer card a été de nouveau intégrée et animée. 

Interface de sélection et personnalisation des Dancer cards.
Interface de création de la Dancer Card.
La Dancer card se présente aussi sous plusieurs formes en fonction des écrans du jeu. On la retrouve dans le tab profile de la main bar, dans la bannière du catalogue avec le dancer of the week ou encore lors du récapitulatif des scores
Interface du catalogue Just Dance.
Interface de la Dancer card lors du récapitulatif des scores.
3. La Machine surprise
J'ai dû réaliser différentes refont graphique et notamment celle de la machine surprise, élément que j'avais déjà retravaillé sur Just Dance 2019.
4. L'Album de Stickers
Enfin, pour les 10 ans de Just Dance, une feature spéciale a été designée pour célébrer cette occasion. Il s'agit de l'album de stickers.
Un album nostalgique répertoriant des assets de chaque opus, d'un premier jusqu'au dernier jeu Just Dance. L'album se compose donc de onze pages pour les onze jeux, eux même contenant onze stickers. 
Mon rôle a été de créer l'interface de cet album, puis de venir développer la structure ( système de grille, patch des textures,...) ainsi qu'intégrer et placer les 121 stickers. 
Page du premier jeu, Just Dance dans l'album de stickers.
Page du dernier jeu, Just Dance 2020 dans l'album de stickers.
CONCLUSION
Maintenant, vous n'avez plus qu'à danser pour découvrir le jeu!
Just Dance 2020 - UI
Published:

Just Dance 2020 - UI

Published: