Singularity 6 est un studio de développement de jeux vidéo dont la vision est de créer des univers riches et captivants, emplis d'interactions sociales significatives et d'expériences de jeu variées.
Palia est un jeu de simulation communautaire pour jouer en solo et/ou entre amis.
Défis : Créer un design system pour le site vitrine et travailler sans la bibliothèque d'assets. S'aligner sur l'identité du jeu et les ambitions du studio. Optimiser l'accessibilité et la clarté.
Solutions : Développer une nouvelle bibliothèque d'assets actualisée. Mettre à jour le contenu selon l'évolution du jeu. Prototyper l'interface mobile pour assurer la compatibilité multi-supports.
Avec la participation de Sarah Lerond Briand
Kit UI / design system / Prototypage Figma
Analyses et recherches
Sur le site actuel, identifier les améliorations nécessaires à la navigation et à la compréhension de l'univers du jeu.
Lister les problèmes : adaptation mobile, conformité RGAA, contenus obsolètes…
Comparer avec les sites concurrents et les bonnes pratiques du secteur.
Kit UI
Créer les assets manquants et reconstituer la charte graphique sans accès à la bibliothèque existante.
Établir des tokens pour simplifier la maintenance et optimiser les évolutions futures.
Utiliser l'approche atomic design : structurer du plus simple (couleurs, textes) au plus élaboré (composants).
Pistes 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 reprenant 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 ensuite ?
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évelopeurs afin d’améliorer l’accessibilité sur les pages.