Copilot Adventure

Co-pilot Adventure

Co-pilot Adventure

Une app gamifiée de partage de prompts

Une app gamifiée de partage de prompts

Une app gamifiée de partage de prompts

UX / UI

UX / UI

DA

DA

AI visuals

AI visuals

UX / UI

DA

AI visuals

UX / UI

UX / UI

DA

DA

AI visuals

AI visuals

En bref

Avec l'avènement des outils d'IA, leur adoption dans les processus de travail des entreprises est désormais essentielle. Face à cette évolution rapide, celles-ci cherchent à accélérer l’adoption de l’IA par leurs employés, tout en les encourageant à se former et à approfondir leurs compétences.

Tel est le constat de Saegus, cabinet de conseil consultech et éditeur de solutions logicielles. Avec Copilot Adventure, l’objectif était de créer une application desktop PowerApps qui réponde à ce besoin, en mettant particulièrement l’accent sur l'usage de Copilot, puisque sa clientèle évolue principalement dans des environnements Microsoft 365 et que le cabinet est lui même partenaire officiel de Microsoft.

En bref

Avec l'avènement des outils d'IA, leur adoption dans les processus de travail des entreprises est désormais essentielle. Face à cette évolution rapide, celles-ci cherchent à accélérer l’adoption de l’IA par leurs employés, tout en les encourageant à se former et à approfondir leurs compétences.

Tel est le constat de Saegus, cabinet de conseil consultech et éditeur de solutions logicielles. Avec Copilot Adventure, l’objectif était de créer une application desktop PowerApps qui réponde à ce besoin, en mettant particulièrement l’accent sur l'usage de Copilot, puisque sa clientèle évolue principalement dans des environnements Microsoft 365 et que le cabinet est lui même partenaire officiel de Microsoft.

En détails

Une approche lean a été adoptée tout au long du projet pour garantir une conception rapide et flexible. L'objectif était de créer la première version d'un produit fonctionnel en seulement 10 jours.

Une approche lean a été adoptée tout au long du projet pour garantir une conception rapide et flexible. L'objectif était de créer la première version d'un produit fonctionnel en seulement 10 jours.

Cette méthode met l’accent sur la rapidité de conception, l’adaptation rapide grâce aux retours, et la collaboration étroite entre les équipes. L'application a été conçue avec l'intention d'être testée en interne avant sa commercialisation, afin de recueillir des retours et d’ajuster l'interface rapidement.

En détails

Une approche lean a été adoptée tout au long du projet pour garantir une conception rapide et flexible. L'objectif était de créer la première version d'un produit fonctionnel en seulement 10 jours.

Cette méthode met l’accent sur la rapidité de conception, l’adaptation rapide grâce aux retours, et la collaboration étroite entre les équipes. L'application a été conçue avec l'intention d'être testée en interne avant sa commercialisation, afin de recueillir des retours et d’ajuster l'interface rapidement.

Projet laboratoire IA

Projet laboratoire IA

Projet laboratoire IA

Ce projet a également été conçu comme un laboratoire d’expérimentation, offrant l'opportunité d'explorer pleinement le potentiel des outils d'IA dans le design d'une application. En effet, L'IA générative a joué un rôle central avec des visuels créés via Midjourney, soutenant le design des personnages, des récompenses et l'expérience visuelle globale.

Ce projet a également été conçu comme un laboratoire d’expérimentation, offrant l'opportunité d'explorer pleinement le potentiel des outils d'IA dans le design d'une application. En effet, L'IA générative a joué un rôle central avec des visuels créés via Midjourney, soutenant le design des personnages, des récompenses et l'expérience visuelle globale.

La dimension immersive a été enrichie grâce à l'utilisation de HailuoAI pour animer les visuels générés. Enfin, ChatGPT a contribué au storytelling et à l'affinement de l’UX writing, permettant de consolider une expérience utilisateur cohérente et engageante. L’intégration de ces technologies a constitué un exercice stimulant en matière de créativité, offrant une expérience riche et innovante en un temps record.

La dimension immersive a été enrichie grâce à l'utilisation de HailuoAI pour animer les visuels générés. Enfin, ChatGPT a contribué au storytelling et à l'affinement de l’UX writing, permettant de consolider une expérience utilisateur cohérente et engageante. L’intégration de ces technologies a constitué un exercice stimulant en matière de créativité, offrant une expérience riche et innovante en un temps record.

Fonctionnalités & Backlog

Fonctionnalités & Backlog

Suite à l’identification de points de friction, aux ateliers UX "How Might We" et aux sessions de brainstorming, des fonctionnalités clefs ont émergé et ont été priorisées.

Suite à l’identification de points de friction, aux ateliers UX "How Might We" et aux sessions de brainstorming, des fonctionnalités clefs ont émergé et ont été priorisées.

Gestion des prompts

  • Liker un prompt

  • Trier les idées par dates

  • Trier les idées par likes

  • Modifier / supprimer mon prompt

  • Commenter un prompt

  • Consulter les commentaires d'un prompt

  • Modifier/supprimer mon commentaire

  • Promouvoir une idée en tant qu'admin

  • Mettre en favori un prompt en tant qu'utilisateur

Profils utilisateur

  • Consulter le classement des utilisateurs par nombre de prompts soumis

  • Consulter le classement des utilisateurs par nombre de likes récoltés

  • Consulter le classement des utilisateurs par nombre de points gagnés

  • Consulter le profil d'un utilisateur (prompts soumis, prompts likés)

  • Rechercher le profil d'un utilisateur

  • Suivre un utilisateur

  • Arrêter de suivre un utilisateur

  • Suivre un outil / persona / département

  • Consulter l'actualité de mes prompts soumis

  • Consulter l'actualité de mes prompts likées

  • Consulter l'actualité de mes sujets suivis

  • Obtenir des badges (selon nombre de prompts / quiz réalisés)


Entraînement

  • Faire la question du jour

  • Faire le quiz de la semaine

  • Accéder à du contenu de formation par outil, persona et département

  • Demander une session de coaching

Notifications

  • Être notifié sur Teams lorsqu'une nouvelle idée est soumise sur un sujet suivi

  • Être notifié sur Teams lorsqu'un nouveau commentaire est ajouté sur l'un de mes prompts

  • Être notifié sur Teams lorsqu'une nouvelle fonctionnalité est disponible sur l'app

  • Être notifié sur Teams lorsque du nouveau contenu est disponible sur l'app

  • Pouvoir activer / désactiver les notifications de l'app

Profils utilisateur

  • Consulter le classement des utilisateurs par nombre de prompts soumis

  • Consulter le classement des utilisateurs par nombre de likes récoltés

  • Consulter le classement des utilisateurs par nombre de points gagnés

  • Consulter le profil d'un utilisateur (prompts soumis, prompts likés)

  • Rechercher le profil d'un utilisateur

  • Suivre un utilisateur

  • Arrêter de suivre un utilisateur

  • Suivre un outil / persona / département

  • Consulter l'actualité de mes prompts soumis

  • Consulter l'actualité de mes prompts likées

  • Consulter l'actualité de mes sujets suivis

  • Obtenir des badges (selon nombre de prompts / quiz réalisés)


Entraînement

  • Faire la question du jour

  • Faire le quiz de la semaine

  • Accéder à du contenu de formation par outil, persona et département

  • Demander une session de coaching

L'application, conçue pour être vendue en marque blanche, s’adapte aux besoins spécifiques de chaque client grâce à une architecture flexible. Elle distingue deux types d'utilisateurs : l’utilisateur admin et l’utilisateur standard.

Des user stories ont été élaborées pour chaque profil afin d'orienter la conception et de garantir une expérience optimisée. L’utilisateur admin, regroupant des profils de direction, des managers, dispose d'outils pour gérer et personnaliser l’application, notamment en créant des quiz, en mettant en avant des prompts et en promouvant des profils spécifiques. L’utilisateur standard interagit avec l’application pour découvrir et tester des prompts, publier ses propres suggestions, participer à des quiz et explorer les profils recommandés, enrichissant ainsi son expérience d’apprentissage et de collaboration.

L'application, conçue pour être vendue en marque blanche, s’adapte aux besoins spécifiques de chaque client grâce à une architecture flexible. Elle distingue deux types d'utilisateurs : l’utilisateur admin et l’utilisateur standard.

Des user stories ont été élaborées pour chaque profil afin d'orienter la conception et de garantir une expérience optimisée.
L’utilisateur admin, regroupant des profils de direction, des managers, dispose d'outils pour gérer et personnaliser l’application, notamment en créant des quiz, en mettant en avant des prompts et en promouvant des profils spécifiques. L’utilisateur standard interagit avec l’application pour découvrir et tester des prompts, publier ses propres suggestions, participer à des quiz et explorer les profils recommandés, enrichissant ainsi son expérience d’apprentissage et de collaboration.

Arborescence

Arborescence

L’arborescence organise la structure de l'application en définissant la hiérarchie des contenus et des fonctionnalités pour une navigation claire et intuitive. La navigation, qui en découle, a été divisée en deux parties distinctes : une première offrant un accès rapide aux sections principales de l'application, et une deuxième dédiée au profil et aux notifications.

L’arborescence organise la structure de l'application en définissant la hiérarchie des contenus et des fonctionnalités pour une navigation claire et intuitive. La navigation, qui en découle, a été divisée en deux parties distinctes : une première offrant un accès rapide aux sections principales de l'application, et une deuxième dédiée au profil et aux notifications.

Communauté

Communauté

L'intégration de notions de profils à suivre et de profils recommandés a guidé la réflexion sur l'interface utilisateur. En s'inspirant de plateformes sociales telles que LinkedIn, YouTube et Instagram, un système de navigation et d'interactions familier a été créé, facilitant l'engagement des utilisateurs avec le contenu et les autres membres de la communauté.

L'intégration de notions de profils à suivre et de profils recommandés a guidé la réflexion sur l'interface utilisateur. En s'inspirant de plateformes sociales telles que LinkedIn, YouTube et Instagram, un système de navigation et d'interactions familier a été créé, facilitant l'engagement des utilisateurs avec le contenu et les autres membres de la communauté.

Personnalisation

Personnalisation

Après un onboarding personnalisé, les utilisateurs bénéficient d'un feed adapté à leurs intérêts, alimenté par des recommandations qui évoluent en fonction de leurs interactions et préférences. Ce système de personnalisation assure une expérience sur mesure, enrichie par la découverte de nouveaux prompts et profils en fonction de chaque utilisateur, tout en conservant un aspect social et interactif.

Après un onboarding personnalisé, les utilisateurs bénéficient d'un feed adapté à leurs intérêts, alimenté par des recommandations qui évoluent en fonction de leurs interactions et préférences. Ce système de personnalisation assure une expérience sur mesure, enrichie par la découverte de nouveaux prompts et profils en fonction de chaque utilisateur, tout en conservant un aspect social et interactif.

Gamification

Gamification

Afin de renforcer la rétention, un système de gamification a été intégré à l’application. Ce système inclut des niveaux associés à la complétion de quiz, ainsi qu’un système de récompenses et de badges basé sur le nombre de prompts contribué et de profils suivis. L’objectif de cette approche est, dans un premier temps, d'encourager l'engagement et de dynamiser l’activité sur la plateforme, favorisant ainsi l'interaction dès le lancement de l'application. À terme, cette gamification évoluera vers un modèle basé sur une monnaie d'échange, enrichissant encore l'expérience utilisateur.

Afin de renforcer la rétention, un système de gamification a été intégré à l’application. Ce système inclut des niveaux associés à la complétion de quiz, ainsi qu’un système de récompenses et de badges basé sur le nombre de prompts contribué et de profils suivis. L’objectif de cette approche est, dans un premier temps, d'encourager l'engagement et de dynamiser l’activité sur la plateforme, favorisant ainsi l'interaction dès le lancement de l'application. À terme, cette gamification évoluera vers un modèle basé sur une monnaie d'échange, enrichissant encore l'expérience utilisateur.

Saegus a exprimé le désir d’adopter une direction artistique affirmée, capable de devenir un véritable élément différenciant.

Lors de la présentation de premiers proof of concept (POC), le brief a été affiné, ouvrant la voie aux prochaines étapes du projet. Bien que l'application soit conçue pour être utilisée en marque blanche, Saegus a exprimé le désir d’adopter une direction artistique affirmée, capable de devenir un véritable élément différenciant. L’univers visuel doit être doux et ludique, mettant en avant le côté fun de l'application, tout en restant fidèle à l’identité de marque du cabinet.

Identité visuelle de Saegus

Identité visuelle de Saegus

L'identité visuelle de Saegus se caractérise par des attributs qui allient sobriété et modernité. Le choix de la typographie Open Sans assure une lisibilité optimale tout en véhiculant une image à la fois sérieuse et accessible. Les dégradés de couleurs, principalement dans des teintes de violet et noir, ajoutent de la profondeur et véhiculent sophistication et dynamisme. Les visuels abstraits évoquent l'idée de fluidité et d'adaptabilité, soulignant l'agilité et la capacité de Saegus à évoluer dans un environnement technologique en constante mutation.

L'identité visuelle de Saegus se caractérise par des attributs qui allient sobriété et modernité. Le choix de la typographie Open Sans assure une lisibilité optimale tout en véhiculant une image à la fois sérieuse et accessible. Les dégradés de couleurs, principalement dans des teintes de violet et noir, ajoutent de la profondeur et véhiculent sophistication et dynamisme. Les visuels abstraits évoquent l'idée de fluidité et d'adaptabilité, soulignant l'agilité et la capacité de Saegus à évoluer dans un environnement technologique en constante mutation.

UI Kit & contraintes techniques

UI Kit & contraintes techniques

L'application devait respecter les lignes directrices du UI kit de Saegus, qui était préconisé pour garantir une cohérence visuelle et une architecture de marque uniforme. De plus, le choix de développer l'application sur PowerApps introduit certaines contraintes techniques, notamment l'utilisation de typographies natives et d'autres éléments de design imposés par la plateforme, afin de garantir une performance optimale et une intégration fluide.

L'application devait respecter les lignes directrices du UI kit de Saegus, qui était préconisé pour garantir une cohérence visuelle et une architecture de marque uniforme. De plus, le choix de développer l'application sur PowerApps introduit certaines contraintes techniques, notamment l'utilisation de typographies natives et d'autres éléments de design imposés par la plateforme, afin de garantir une performance optimale et une intégration fluide.

#1 Nano racing

#1 Nano racing

#1 Nano racing

Inspirée de l'univers du gaming, cette piste met en scène des voitures miniatures évoluant dans un décor géant, à l'image du jeu Table Top Racing. Elle illustre le fonctionnement de Copilot, capable de trier d'énormes volumes de données, tout en jouant sur le contraste entre le micro et le géant. Le design mêle dégradés néons et éléments graphiques inspirés des circuits imprimés et de Matrix, créant un univers à la fois technologique, futuriste et nostalgique, à la manière de Tron Legacy.

Inspirée de l'univers du gaming, cette piste met en scène des voitures miniatures évoluant dans un décor géant, à l'image du jeu Table Top Racing. Elle illustre le fonctionnement de Copilot, capable de trier d'énormes volumes de données, tout en jouant sur le contraste entre le micro et le géant. Le design mêle dégradés néons et éléments graphiques inspirés des circuits imprimés et de Matrix, créant un univers à la fois technologique, futuriste et nostalgique, à la manière de Tron Legacy.

#2 Big lava planet

#2 Big lava planet

#2 Big lava planet

La deuxième piste : "Big Lava Planet" a été retenue pour son univers visuel original et jovial. Inspirée d’une thématique spatiale, elle met en scène une planète recouverte de lave violette, évoquant l’esthétique fluide des visuels abstraits de Saegus. La mascotte astronaute, attachante et maladroite, surfe sur la vague de prompts, évoluant parallèlement à l’utilisateur. Cette dynamique symbolise l'amélioration continue de l’outil et de l'utilisateur, tout en renforçant l'identification et l'engagement de ce dernier, qui grandit aux côtés de sa mascotte tout au long de l’expérience.

La deuxième piste : "Big Lava Planet" a été retenue pour son univers visuel original et jovial. Inspirée d’une thématique spatiale, elle met en scène une planète recouverte de lave violette, évoquant l’esthétique fluide des visuels abstraits de Saegus. La mascotte astronaute, attachante et maladroite, surfe sur la vague de prompts, évoluant parallèlement à l’utilisateur. Cette dynamique symbolise l'amélioration continue de l’outil et de l'utilisateur, tout en renforçant l'identification et l'engagement de ce dernier, qui grandit aux côtés de sa mascotte tout au long de l’expérience.

Univers & storytelling

Univers & storytelling

Dans un premier temps, l'objectif était de définir l'univers graphique de l'application en créant des ambiances visuelles. La Big Lava Planet est une terre composée de liquides futuristes, rappelant l'univers visuel de Saegus, où le personnage d'un astronaute mignon part en mission, plongé dans un décor à la fois poétique et intrigant.

Dans un premier temps, l'objectif était de définir l'univers graphique de l'application en créant des ambiances visuelles. La Big Lava Planet est une terre composée de liquides futuristes, rappelant l'univers visuel de Saegus, où le personnage d'un astronaute mignon part en mission, plongé dans un décor à la fois poétique et intrigant.

Niveaux de la gamification

Niveaux de la gamification

Niveaux
de la gamification

Le design des feedbacks et des récompenses, au cœur de la gamification, suit l'évolution du personnage et l'utilisateur en fonction de ses taux de complétion des quiz. Le personnage commence maladroit, patauge, puis progresse à mesure qu'il devient plus adroit. Il traverse plusieurs stades inspirés du cosmos : "stellaire", "galactique", "intergalactique", pour finalement atteindre le niveau "cosmique", symbole de maîtrise totale de la planète et de ses éléments. Cette échelle de progression valorise les utilisateurs sans les stigmatiser, en mettant l’accent sur leur évolution continue et leur accomplissement.

Le design des feedbacks et des récompenses, au cœur de la gamification, suit l'évolution du personnage et l'utilisateur en fonction de ses taux de complétion des quiz. Le personnage commence maladroit, patauge, puis progresse à mesure qu'il devient plus adroit. Il traverse plusieurs stades inspirés du cosmos : "stellaire", "galactique", "intergalactique", pour finalement atteindre le niveau "cosmique", symbole de maîtrise totale de la planète et de ses éléments. Cette échelle de progression valorise les utilisateurs sans les stigmatiser, en mettant l’accent sur leur évolution continue et leur accomplissement.

Les rewards : créer, collectionner, progresser

Les rewards : créer, collectionner, progresser

Dans l'application, les rewards sont obtenus en fonction du nombre de prompts postés, récompensant l'utilisateur pour sa contribution. Ces récompenses prennent la forme de pierres à collectionner, inspirées des cartes Pokémon. Chaque pierre, comme la Lavionite ou le Promptium, possède des propriétés technologiques uniques qui renforcent l'expérience utilisateur, créant surprise et satisfaction.

Dans l'application, les rewards sont obtenus en fonction du nombre de prompts postés, récompensant l'utilisateur pour sa contribution. Ces récompenses prennent la forme de pierres à collectionner, inspirées des cartes Pokémon. Chaque pierre, comme la Lavionite ou le Promptium, possède des propriétés technologiques uniques qui renforcent l'expérience utilisateur, créant surprise et satisfaction.

Renforcement positif

Renforcement positif

Les pierres font partie d'un système de gamification qui utilise des mécanismes psychologiques de renforcement positif. Elles stimulent l'engagement de l'utilisateur en lui offrant des gratifications immédiates, renforçant ainsi la motivation et l'interaction avec la plateforme. Pour enrichir cette expérience, des visuels vidéos se déclenchent à l'obtention des rewards, ajoutant une touche visuelle et émotionnelle supplémentaire.

Les pierres font partie d'un système de gamification qui utilise des mécanismes psychologiques de renforcement positif. Elles stimulent l'engagement de l'utilisateur en lui offrant des gratifications immédiates, renforçant ainsi la motivation et l'interaction avec la plateforme. Pour enrichir cette expérience, des visuels vidéos se déclenchent à l'obtention des rewards, ajoutant une touche visuelle et émotionnelle supplémentaire.

Stratégie et deuxième phase

Stratégie et deuxième phase

Une fois la plateforme bien fournie en prompts et utilisateurs, et que la majorité d’entre eux auront progressé dans leurs niveaux, l'application évoluera pour offrir une expérience enrichissante. La navigation sera ajustée avec l'ajout d'une monnaie d'échange, calculée en fonction des prompts likés et de la popularité de l'utilisateur, mesurée par le nombre de ses abonnés.

Une fois la plateforme bien fournie en prompts et utilisateurs, et que la majorité d’entre eux auront progressé dans leurs niveaux, l'application évoluera pour offrir une expérience enrichissante. La navigation sera ajustée avec l'ajout d'une monnaie d'échange, calculée en fonction des prompts likés et de la popularité de l'utilisateur, mesurée par le nombre de ses abonnés.

Cette évolution permettra de débloquer de nouvelles fonctionnalités, offrant la possibilité de personnaliser davantage le profil. Les utilisateurs pourront gagner de nouveaux éléments, tels que des "Gem Minions", ajoutant ainsi une couche supplémentaire d'interaction et de satisfaction à leur parcours sur l'application.

Cette évolution permettra de débloquer de nouvelles fonctionnalités, offrant la possibilité de personnaliser davantage le profil. Les utilisateurs pourront gagner de nouveaux éléments, tels que des "Gem Minions", ajoutant ainsi une couche supplémentaire d'interaction et de satisfaction à leur parcours sur l'application.

Cette évolution permettra de débloquer de nouvelles fonctionnalités, offrant la possibilité de personnaliser davantage le profil. Les utilisateurs pourront gagner de nouveaux éléments, tels que des "Gem Minions", ajoutant ainsi une couche supplémentaire d'interaction et de satisfaction à leur parcours sur l'application.