Louis Bentot
Gamercraft - L'évolution du design
UI design
Design system
Pro
Comment l'interface à évoluer avec ses produits?
Chez Gamercraft, une plateforme de tournois compétitifs où les joueurs peuvent gagner de l’argent, le design a joué un rôle central dans l’amélioration continue de l’expérience utilisateur. Ce projet global illustre comment le design de la plateforme a évolué, passant d’une interface de base à une expérience unifiée et optimisée grâce à une approche méthodique et collaborative.
Création d’un système de design centralisé (UI kit)
Création d’un système de design centralisé (UI kit)
Création d’un système de design centralisé (UI kit)
Amélioration des méthodes de travail
Amélioration des méthodes de travail
Amélioration des méthodes de travail
Rationalisation des parcours utilisateurs
Rationalisation des parcours utilisateurs
Rationalisation des parcours utilisateurs
Un point de départ : audit et compréhension des parcours
Le projet a commencé par un audit approfondi des parcours utilisateurs en place. Nous avons cherché à comprendre :
Comment les joueurs interagissaient avec la plateforme.
Quels étaient les points de friction dans les parcours.
Comment l’équipe travaillait en amont et en aval du design (processus, outils, limitations techniques).
Cette phase exploratoire a permis d’identifier des axes d’amélioration, tant au niveau de l’interface que des méthodes de travail.
Un point de départ : audit et compréhension des parcours
Le projet a commencé par un audit approfondi des parcours utilisateurs en place. Nous avons cherché à comprendre :
Comment les joueurs interagissaient avec la plateforme.
Quels étaient les points de friction dans les parcours.
Comment l’équipe travaillait en amont et en aval du design (processus, outils, limitations techniques).
Cette phase exploratoire a permis d’identifier des axes d’amélioration, tant au niveau de l’interface que des méthodes de travail.
Un point de départ : audit et compréhension des parcours
Le projet a commencé par un audit approfondi des parcours utilisateurs en place. Nous avons cherché à comprendre :
Comment les joueurs interagissaient avec la plateforme.
Quels étaient les points de friction dans les parcours.
Comment l’équipe travaillait en amont et en aval du design (processus, outils, limitations techniques).
Cette phase exploratoire a permis d’identifier des axes d’amélioration, tant au niveau de l’interface que des méthodes de travail.
Créer une base solide : l’UI kit
Suite à l’audit, nous avons entrepris de redéfinir les fondamentaux du design de la plateforme :
Éléments de base : boutons, couleurs, typographie, états (actif, inactif, survol, etc.).
Création de composants réutilisables : pour garantir une expérience cohérente sur l’ensemble des projets et simplifier le développement.
Ce travail a donné naissance à un UI kit centralisé, conçu pour évoluer dans le temps et s’adapter aux besoins futurs.
Créer une base solide : l’UI kit
Suite à l’audit, nous avons entrepris de redéfinir les fondamentaux du design de la plateforme :
Éléments de base : boutons, couleurs, typographie, états (actif, inactif, survol, etc.).
Création de composants réutilisables : pour garantir une expérience cohérente sur l’ensemble des projets et simplifier le développement.
Ce travail a donné naissance à un UI kit centralisé, conçu pour évoluer dans le temps et s’adapter aux besoins futurs.
Créer une base solide : l’UI kit
Suite à l’audit, nous avons entrepris de redéfinir les fondamentaux du design de la plateforme :
Éléments de base : boutons, couleurs, typographie, états (actif, inactif, survol, etc.).
Création de composants réutilisables : pour garantir une expérience cohérente sur l’ensemble des projets et simplifier le développement.
Ce travail a donné naissance à un UI kit centralisé, conçu pour évoluer dans le temps et s’adapter aux besoins futurs.
Une évolution constante
L’UI kit n’a cessé d’évoluer au fil des projets et des retours utilisateurs :
Nouveaux composants : ajoutés pour répondre aux besoins des nouveaux projets comme l’e-shop ou les flash tournaments.
Améliorations logicielles : adoption des fonctionnalités avancées de Figma (variants, auto-layout, prototyping).
Feedback régulier : les retours des développeurs ont permis d’ajuster les composants pour simplifier l’implémentation technique.
Grâce à ces ajustements continus, le système de design est devenu un véritable atout, facilitant la collaboration et accélérant les cycles de développement.
Une évolution constante
L’UI kit n’a cessé d’évoluer au fil des projets et des retours utilisateurs :
Nouveaux composants : ajoutés pour répondre aux besoins des nouveaux projets comme l’e-shop ou les flash tournaments.
Améliorations logicielles : adoption des fonctionnalités avancées de Figma (variants, auto-layout, prototyping).
Feedback régulier : les retours des développeurs ont permis d’ajuster les composants pour simplifier l’implémentation technique.
Grâce à ces ajustements continus, le système de design est devenu un véritable atout, facilitant la collaboration et accélérant les cycles de développement.
Une évolution constante
L’UI kit n’a cessé d’évoluer au fil des projets et des retours utilisateurs :
Nouveaux composants : ajoutés pour répondre aux besoins des nouveaux projets comme l’e-shop ou les flash tournaments.
Améliorations logicielles : adoption des fonctionnalités avancées de Figma (variants, auto-layout, prototyping).
Feedback régulier : les retours des développeurs ont permis d’ajuster les composants pour simplifier l’implémentation technique.
Grâce à ces ajustements continus, le système de design est devenu un véritable atout, facilitant la collaboration et accélérant les cycles de développement.
Un pattern clé : la modale d’achat
Parmi tous les composants, la modale d’achat est un exemple frappant de l’impact du design unifié.
Initialement créée pour une seule fonctionnalité, elle a évolué pour devenir un pattern central, utilisé dans plusieurs projets :
Challenges
E-shop
Coaching
Et d’autres fonctionnalités majeures
Cette réutilisation a permis de :
Gagner du temps de développement, en capitalisant sur un pattern éprouvé.
Créer une expérience utilisateur cohérente, en facilitant la prise en main des nouvelles fonctionnalités.
Un pattern clé : la modale d’achat
Parmi tous les composants, la modale d’achat est un exemple frappant de l’impact du design unifié.
Initialement créée pour une seule fonctionnalité, elle a évolué pour devenir un pattern central, utilisé dans plusieurs projets :
Challenges
E-shop
Coaching
Et d’autres fonctionnalités majeures
Cette réutilisation a permis de :
Gagner du temps de développement, en capitalisant sur un pattern éprouvé.
Créer une expérience utilisateur cohérente, en facilitant la prise en main des nouvelles fonctionnalités.
Un pattern clé : la modale d’achat
Parmi tous les composants, la modale d’achat est un exemple frappant de l’impact du design unifié.
Initialement créée pour une seule fonctionnalité, elle a évolué pour devenir un pattern central, utilisé dans plusieurs projets :
Challenges
E-shop
Coaching
Et d’autres fonctionnalités majeures
Cette réutilisation a permis de :
Gagner du temps de développement, en capitalisant sur un pattern éprouvé.
Créer une expérience utilisateur cohérente, en facilitant la prise en main des nouvelles fonctionnalités.
Conclusion
L’évolution du design chez Gamercraft reflète une approche centrée sur les utilisateurs et la collaboration interdisciplinaire. Ce projet global montre qu’un design bien pensé n’est pas figé, mais au contraire, qu’il s’adapte et s’enrichit pour répondre aux besoins changeants.
En unifiant les composants, en optimisant les processus et en réutilisant des patterns clés, Gamercraft a non seulement amélioré l’expérience utilisateur, mais aussi gagné en efficacité, consolidant ainsi sa position de plateforme de référence pour les tournois en ligne.
Conclusion
L’évolution du design chez Gamercraft reflète une approche centrée sur les utilisateurs et la collaboration interdisciplinaire. Ce projet global montre qu’un design bien pensé n’est pas figé, mais au contraire, qu’il s’adapte et s’enrichit pour répondre aux besoins changeants.
En unifiant les composants, en optimisant les processus et en réutilisant des patterns clés, Gamercraft a non seulement amélioré l’expérience utilisateur, mais aussi gagné en efficacité, consolidant ainsi sa position de plateforme de référence pour les tournois en ligne.
Conclusion
L’évolution du design chez Gamercraft reflète une approche centrée sur les utilisateurs et la collaboration interdisciplinaire. Ce projet global montre qu’un design bien pensé n’est pas figé, mais au contraire, qu’il s’adapte et s’enrichit pour répondre aux besoins changeants.
En unifiant les composants, en optimisant les processus et en réutilisant des patterns clés, Gamercraft a non seulement amélioré l’expérience utilisateur, mais aussi gagné en efficacité, consolidant ainsi sa position de plateforme de référence pour les tournois en ligne.
Curieux de me rencontrer ?
Pourquoi ne pas se parler autour d’un café ?
Curieux de me rencontrer ?
Pourquoi ne pas se parler autour d’un café ?
Curieux de me rencontrer ?
Pourquoi ne pas se parler autour d’un café ?