Movinmotion

Amélioration continue du parcours inscription et connexion du produit Movinmotion

2024

Culturel
Conception UX
Product design

Movinmotion Salarié est une plateforme dédiée aux intermittents du spectacle, leur permettant de gérer leurs démarches administratives et leurs relations avec les employeurs. Jusqu'à présent, l'accès à la plateforme repose sur un compte utilisateur classique, impliquant une saisie manuelle chronophage.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

chiffre un dans cercle bleu clair
This is some text inside of a div block.
chiffre deux dans cercle bleu clair
This is some text inside of a div block.
chiffre trois dans cercle bleu clair
This is some text inside of a div block.
chiffre quatre dans cercle bleu clair
This is some text inside of a div block.
chiffre cinq dans cercle bleu clair
This is some text inside of a div block.
chiffre six dans dans bulle bleu clair
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Comment Movinmotion peut-il rester compétitif et renforcer sa notoriété face à la concurrence ?
Comment optimiser l'expérience utilisateur en réduisant la ressaisie d'informations lors de la connexion ?
Comment rassurer les utilisateurs sur la protection de leurs données tout en intégrant un service tiers comme France Travail ?

Contexte

L'intégration d'une authentification via France Travail présente des avantages stratégiques à la fois en termes de business et d'expérience utilisateur. Une étude réalisée auprès de 1067 utilisateurs a révélé que 50 % d'entre eux souhaitaient une connexion simplifiée via des services tiers comme l'Urssaf ou France Travail afin de centraliser et automatiser leurs démarches administratives.

Pour procéder à cette intégration, nous nous sommes organisés de la façon suivante :

Kick-off avec les parties prenantes

Un kick-off a permis de réunir les parties prenantes (architecte, lead développeur, product designer, product manager, etc.) afin de discuter des aspects techniques liés à la sécurité, aux données d’API et de définir les périmètres du projet.

Nous avons notamment abordé l’impact du parcours sur Movinmotion Salarié, en particulier la gestion des authentifications depuis les paramètres, ainsi que la création d’un mot de passe pour renforcer la sécurité de la plateforme.

L’une des contraintes majeures de Movinmotion Salarié est que la page de connexion est commune à toutes les autres plateformes de Movinmotion. Il était donc essentiel de mesurer les impacts des changements envisagés.

Lors de cette réunion, nous avons également discuté du rétroplanning et des conditions contractuelles de France Travail.

Afin d'assurer une gestion plus fluide et une mise en production progressive, le projet a été divisé en plusieurs lots distincts, garantissant ainsi le respect des délais fixés.

Dans ces différents lots, plusieurs API pourront être interconnectées à l’avenir afin d’automatiser l’expérience utilisateur :

  • Pré-requis : connexion - inscription via le compte France Travail
  • Récupération des informations personnelles (coordonnées, état civil, etc)
  • Récupération des informations pour le CV (formations, expériences, permis, etc)
  • Récupération des informations pour le suivi de la situation (contrats, indemnisations, droits de congés, etc)

Méthodologie

1. Analyse de l'existant avec un user flow

En collaboration avec la Product Manager, nous avons cartographié le parcours utilisateur actuel afin d'identifier les points de friction. Cette analyse a permis de :

  • Détecter les étapes où renforcer la sécurité.
  • Anticiper la gestion des utilisateurs déjà inscrits pour éviter les doublons de compte.

2. Benchmark concurrentiel

Pour optimiser le parcours d'inscription et de connexion, nous avons analysé les meilleures pratiques de services similaires sur trois axes :

  • Mise en avant du SSO dans le parcours d'inscription.
  • Gestion des mots de passe lors d'une connexion via un service tiers.
  • Options de modification depuis les paramètres du compte.

3. Proposition des maquettes hi-fi

Après un audit UX/UI, nous avons conçu un nouveau parcours optimisé, intégrant les interfaces de France Travail et prévoyant des solutions en cas d'erreur technique.

L’interface avant l’intégration SSO

L'interface initiale présentait plusieurs problèmes d'ergonomie :

  • Un bouton "Se connecter" peu mis en valeur.
  • Une ambiguïté entre la connexion classique et le Magic Link (connexion sans mot de passe).

Le nouveau parcours connexion :

Désormais, si un utilisateur est déjà présent dans Movinmotion Salarié, le message suivant s'affiche au moment de l'inscription :

“Un compte Movinmotion est déjà lié à votre adresse mail. Vous pouvez associer vos comptes France Travail et Movinmotion”.

Le nouveau parcours inscription :

L’amélioration apportée à l’aspect Magic link : nous avons repensé l'affichage et l'accessibilité de cette fonctionnalité pour une utilisation plus intuitive.

L'intégration de l'authentification via France Travail permet une expérience utilisateur plus fluide, plus sécurisée et plus intuitive. En réduisant la ressaisie d'informations et en simplifiant le processus de connexion, Movinmotion renforce sa position sur le marché et répond aux attentes de ses utilisateurs en matière de simplification administrative.

La mise en place de ce projet marque une étape stratégique pour Movinmotion Salarié et ouvre la voie à d'autres innovations visant à automatiser et optimiser l'expérience des intermittents du spectacle.

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...