Palia
Template et Design system
Kit UI
Prototypage Figma
Photomontage et retouche
Entreprise : Singularity 6, studio de développement de jeux vidéo dont le moto est de créer des jeux en ligne offrant des expériences riches et significatives.
Challenge : Sans avoir accès à la bibliothèque d’assets, recréer un design system mis à jour et respectueux de l’environnement du jeu et de la vision du studio pour ce site vitrine tout en améliorant l’accessibilité et la lisibilité.
Solutions : Création d’un bibliothèque d’assets à jour, remaniement du contenu de la page pour être pertinent avec la nouvelle version du jeu et prototypage en format mobile pour palier aux soucis liés aux différents formats et usages selon les supports.
Recherches
>> Analyse du site existant pour déterminer ce qui doit être mis à jour et améliorer pour une meilleur navigation et compréhension de l’univers du jeu.
>> Listing des problèmes notamment liés au passage en format mobile, au respect des normes RGAA et à la disparition de certains contenu depuis la création du site.
>> Analyse croisée avec les sites concurrents et les bonnes pratiques observées sur d’autres plateformes.
Création du kit UI
>> Création des assets manquants ainsi que de la charte graphique en place puisque nous n’avons pas accès à leur bibliothèque.
>> Création des tokens afin de faciliter les mises à jours à l’avenir.
>> En appliquant la méthode atomique création de tous les éléments du site en allant des couleurs, aux styles de texte jusqu’aux composants les plus complexes.
Réflexion d’améliorations
>> Section d’ouverture
Bouton d’action plus visible et en lien avec le reste des boutons sur le site.
Meilleure lecture rapide des supports du jeu (avec dans chaque logos les informations textes pour être pris en compte par les liseuses).
Visuel plus aéré et plus lisible.
>> Section présentation des personnages
Vue plus engageante
Meilleure proportionnalité entre les personnages (certains apparaissaient très petit et d’autres énormes)
Navigation facilitée (la section entière est active pour faire défiler, pas uniquement les avatars)
Ajout des personnages manquants et regroupement en famille quand c’est pertinent pour réduire la navigation
>> Section des actions possibles en jeu
Photos plus dynamiques
Mise à jour des nouveautés (actions possibles en plus)
Diminution du nombre de carrousel sur la page en reprenants les pictogrammes présents dans le jeu
Lecture rapide du contenu (avec dans chaque icônes les informations textes pour être pris en compte par les liseuses)
Et pour la suite ?
>> Continuer de tester le prototype pour définir ce qui marche ou non et proposer de nouvelles itérations et travailler avec l’équipe de dévelopeur afin d’améliorer l’accessibilité sur les pages.