← Accueil·Étude de cas
B2B · Games2Gether · Design system
Un design system décliné aux couleurs de chaque studio
Sur Games2Gether, une plateforme communautaire du jeu vidéo, chaque studio partenaire prépare ses pages. Avec l’équipe design, j’ai contribué au kit Figma qui leur permet de le faire, même sans designer, en gardant le cadre commun de la plateforme.
- CouleursTrois niveauxplateforme, studio et jeu
- ContenuPrêt à l’emploicomposants, variables, modèles et tutoriels
- AccèsFichier publicconsultable dans Figma
01Personnaliser sans casser le cadre
Chaque studio veut ses couleurs, son logo et ses visuels. La plateforme doit rester lisible et cohérente d’un jeu à l’autre. Le kit part du design system de Games2Gether pour donner aux studios ce qu’ils peuvent changer, et la manière de le faire.
02Quatre choses dans le kit
03Les outils d’administration des partenaires
Côté plateforme, j’ai aussi conçu les outils où les partenaires gèrent leurs contenus.
- CMS : ateliers FigJam avec les partenaires et le produit, réglages regroupés et ajout d’une prévisualisation. Pages gérées en autonomie, avec environ 4 heures libérées par semaine pour un développeur.
- Administration des récompenses : recueil des besoins et formulaires adaptés, avec sauvegarde en brouillon. Environ 2 heures de développement libérées par semaine.
Les validations finales sur le CMS et les récompenses revenaient à mon lead Product Designer.
04Mon rôle
- Contribuer au kit avec l’équipe design, à partir du design system de Games2Gether.
- Travailler avec les designers les composants, les variantes et les variables.
- Documenter les états et les interactions dans Dev Mode, puis suivre l’intégration avec les développeurs, en sprints de trois semaines.
