Orios Conseil

web application

Application web gamification

La gamification c'est quoi ? C'est tout simplement l'utilisation de mécanismes de jeux pour rendre une activité ou une tâche plus engageante et motivante.

Services
  • Web
  • Design
Date
Janvier 2023

Et si on jouait tout en travaillant ?main direction contact

Notre client Orios Conseil a souhaité mettre en place un site multilingue permettant de visualiser les résultats de la mise en place d'une gamification pour tous les employés d'une mine.

Mais l'expérience ne s'arrête pas là, chacun une fois connecté est par la suite libre sur ce site de poursuivre le jeu en votant pour son équipe de coeur et en pariant sur les résultats à venir! Pour des raisons de sécurité et de confidentialité, le site est protégé par un mot de passe, on ne vous met donc pas le lien (même si on a très envie de parier aussi!).

Visualisation animée du design de l'application web

Création graphique et identité visuelle

Le client d'Orios Conseil possédait déjà un logo. De cette base nous avons construit toute l'identité visuelle de l'application web en respectant l'association des couleurs. Pour des raisons de confidentialité, certains éléments que nous vous présentons sont floutés.

Responsive Mobile de l'application web
version tablette de l'application web
page avis de l'application web
Equipe Andes gamification
Equipe Condores gamification
Equipe Bajo Cero gamification
Equipe Puma gamification

Charte graphique et couleurs

Pour la création de l'univers graphique du site de gamification, nous devions repecter les trois couleurs de la charte graphique du client à savoir le Bleu, le Bleu clair et la couleur Or.

  • Bleu

    Hexa : #00557E

    RVB : 0 85 126

  • Bleu clair

    Hexa : #74ACDD

    RVB : 116 172 221

  • Or

    Hexa : #A39161

    RVB : 163 145 97

Webdesign et Recherches graphiques

Nous avons développé un Webdesign simple et efficace, le but étant de rentrer dans un univers 'Gaming' pour favoriser l'expérience ludique de l'application. Ce Webdesign a été pensé en mobile first mais également pour tous les autres types de device.

Web design sur mesure de l'application web
Web Design de l'application avec différente vue sur mobile

Des choix techniques au service d'un site sur mesure

Chez Riveal, nous nous engageons à proposer un choix technologique alliant performance et sécurité. Pour notre client nous avons opté pour une architecture Jamstack permettant une navigation fluide et performante, répondant aux exigeances d'internationalisation propre au projet.

Un back-office sous Wordpress a été mis en place afin de permettre l'ajout de nouvelles actualités, l'édition de contenu et la récupération des différentes données envoyées par les utilisateurs : humeur du jour et paris sur les équipes préférées. Des fonctions serverless ont été mises en place pour permettre l'envoi de ces données depuis le front.

Backoffice Wordpress de l'application web

Connexion avec Power BI

Afin de récupérer les résultats en temps réél de la gamification créée par notre client Orios Conseil, une passerelle a été mise en place avec des rapports stockés sur Power BI, sécurisée par le service de gestion et des accès Azure AD.

Backoffice Power BI de l'application web

Authentification avec Firebase et utilisation du provider emailing Sendgrid

Pour poursuivre l'expérience ludique, les utilisateurs ont la possibilité de se connecter à un second niveau et de pouvoir voter pour leur équipe préférée. Firebase a été mis en place pour l'authentification (inscription, connexion et renouvellement de mot de passe), et la gestion des emails (notification des paris et des humeurs du jour) a été rendu possible grâce au provider emailing Sendgrid.

Backoffice Firebase de l'application web