Design et technologie

La plateforme dédiée à la formation continue du Groupe Migros satisfait aux exigences les plus élevées. Le nouveau hub s’intègre parfaitement dans la plate-forme dédiée au Monde du travail et réalise des prouesses technologiques. La solution choisie à cet effet: l’utilisation de Drupal 8 en tant que headless CMS. La fonctionnalité ultramoderne de la nouvelle version Drupal est pleinement exploitée et une flexibilité élevée est préservée dans le frontend. Les utilisateur·rice·s disposent ainsi d’un environnement parfaitement cohérent et uniforme, alors que le hub est entièrement indépendant du site principal de hub d’emploi du Groupe Migros.

Les nouvelles technologies au service de la réussite

Le hub a été rattaché au CMS existant de la plateforme dédiée au Monde du travail du Groupe Migros. La stack technique moderne repose sur Nuxt (vue.js pour applis SSR), le serveur Express pour Node.js, le proxy d’API en Node.js pour exporter, agréger et mettre en cache le CMS. Bulma a été utilisé comme framework CSS et TWGL.js a été associé à custom GLSL Shader pour les visuels dynamiques. Site Cache et Server Side Rendering garantissent la disponibilité et la stabilité. Grâce au pré-rendu du site sur le serveur, le site reste stable et disponible. Lors du choix de la technologie, une priorité élevée a été accordée à la flexibilité afin de répondre au mieux aux besoins des utilisateur·rice·s.

Algorithmes sophistiqués dans le Talent Matcher

Comment un·e adolescent·e peut-il·elle savoir quel métier est fait pour lui·elle ? Grâce à un algorithme sophistiqué, le Talent Matcher du Groupe Migros aide à trouver le bon job. En répondant à quelques questions simples, les utilisateur·rice·s trouvent non seulement la place d’apprentissage qui leur correspond, mais affinent aussi leur profil personnel : Comment est-ce que je me comporte ? Est-ce que j’aime travailler avec les autres ? Quel type de relations personnelles me tient à cœur ?

Réduire les freins à l’utilisation grâce à un backend bien pensé

Les défis à relever pour le Talent Matcher étaient de garantir la préservation du contenu lors du rechargement du site ou d’éviter les visites interrompues. Les utilisateur·rice·s devaient pouvoir répondre aux questions sur leur smartphone et, si la batterie est déchargée, pouvoir reprendre ultérieurement l’utilisation du Talent Matcher là où ils s’étaient arrêtés, sans avoir à se connecter. Une application web monopage (SPA) APP rendue côté serveur a été créée avec JavaScript. Grâce à des cookies, un état englobant toute la session a été réalisé et permet de rétablir les données déjà saisies. Les résultats sont enregistrés via l’ID unique et peuvent être consultés à volonté. Dans ce cadre, la sécurité et la protection des données sont garanties.
Un savant mélange d’innovation et de pragmatisme a abouti à cette solution très conviviale. Les digital natives sont habitués à bénéficier d’une convivialité élevée dans les applications digitales, raison pour laquelle cette fonctionnalité a été déterminante dans la réussite du projet.

Chatbot

La nouvelle plateforme ne peut pas répondre à toutes les questions, mais à un grand nombre d’entre elles. Le Mino Chat est une source de divertissement avec Mino, la petite mascotte du hub de l’apprentissage du Groupe Migros. Le contenu est teinté d’humour et enrichi d’émoticônes afin de plaire au groupe cible, les digital natives. Le Mino Chat est un chatbot qui guide les jeunes dans leur recherche d’une place d’apprentissage en leur posant des questions. Il propose aussi des informations sur des événements à proximité et offre la possibilité d’enregistrer une date de rendez-vous à un entretien.

Performance malgré un taux élevé de visualisation

Les digital natives utilisent en premier lieu les appareils mobiles. Le projet a donc suivi une approche essentiellement mobile: la réalisation, tout en étant moderne, devait être adaptée au public cible et à une utilisation sur smartphone. Les rendus et animations en 3D sont omniprésents sur le site. Les vidéos les plus diverses ont également été intégrées. Malgré cela, les contenus sont «responsive» – ils s’affichent donc parfaitement indépendamment de l’interface utilisée. De plus, les éléments graphiques sont optimisés pour fonctionner de manière optimale sur des terminaux mobiles. Les formats de vidéo et de photos s’adaptent en fonction des appareils et des écrans. La plate-forme fonctionne ainsi sur tous les navigateurs courants, même sur ceux qui ne prennent pas en charge de WebGL. De plus, la facilité à retrouver le site avec des moteurs de recherche est garantie. Grâce au rendu côté serveur de l’application web monopage (SPA), tous les contenus sont indexables par des moteurs de recherche. L’accessibilité est garantie malgré des fonctionnalités complètes et le contenu visuel. Et bien entendu, un code client valide est requis.

Une qualité de contenu optimisée avec la fonctionnalité CMS

En plus de services interactifs comme le chatbot divertissant et le Talent Matcher qui propose des recommandations de métier appropriées, les utilisateur·rice·s disposent d’un contenu complet. De brefs clips vidéo suscitent l’intérêt pour certains métiers. Tout comme la structure complète, ce contenu est défini dans le CMS et le frontend se réfère exclusivement à ces contenus et cette structure. Ainsi, aucun lien mort ne peut exister. De même, toutes les pages ont à nouveau été testées par le groupe cible.

Les innovations techniques toujours en ligne de mire

Selon les indications du Groupe Migros, d’autres services adaptés aux besoins du groupe cible exigeant - les digital natives - sont en prévision. Un moteur de recherche de places d’apprentissage à l’essai et un coach en candidature devraient être disponibles prochainement.