efektivACADÉMIE

Un seul composant sert les deux parcours — seuls les textes et le volet profil changent.

Bienvenue chez Efektiv Académie

Deux minutes suffisent pour activer votre compte.

Lien reçu par e-mail le 14/08/2026 — valable une seule fois.

1 Définir mon mot de passe

Mot de passe obligatoire Confirmation obligatoire

12 caractères minimum, une majuscule, un chiffre. 0 / 4

2 Compléter mes informations

Prénom obligatoire Nom obligatoire

Ce que votre administrateur a renseigné lea.nguyen@exemple.fr Ambre Partners Chargé de clientèle Une erreur ici ? Ces informations se corrigent auprès de votre administrateur, pas sur cette page.

Besoin d'aide ? contact@efektiv-academie.com
Efektiv Académie — vous recevez ce lien parce qu'un compte a été créé pour vous.

Ce que la maquette fixe

Une page volontairement sans coquille. Ni latérale, ni barre de navigation applicative, ni recherche : la personne n'a pas encore de compte, il n'y a nulle part où aller. Le seul repère est la marque, centrée. Une carte unique, un seul geste par écran.
Aucun chemin ne se termine par du vide — le défaut #59 était une page blanche. Huit états sont dessinés : vérification, formulaire, envoi, expiré, déjà utilisé, jeton inconnu, serveur injoignable, activé. Chacun dit ce qui s'est passé, pourquoi, et quoi faire ensuite — jamais un message sans sortie.
« Expiré » et « déjà utilisé » sont deux écrans différents, parce qu'ils appellent deux gestes opposés : redemander une invitation d'un côté, se connecter de l'autre. « Déjà utilisé » est même le cas le plus fréquent (on reclique le lien du mail des mois plus tard) et il n'est pas une erreur : ton rassurant, icône de validation, pas d'alerte.
Le même écran sert les deux parcours (#100 / BACK#243) : première connexion et mot de passe oublié, « à un texte près ». En réinitialisation le volet profil disparaît (le compte existe), le titre, l'intro, l'étape et le bouton changent, et l'écran d'expiration gagne « Demander un nouveau lien » + la mention des 60 minutes. La bascule en haut de page le démontre.
La page ne demande que ce que l'utilisateur seul sait : mot de passe, prénom, nom. E-mail, société et profil métier sont affichés en lecture, avec la phrase qui dit à qui s'adresser pour les corriger (#51). Prénom et nom arrivent pré-remplis depuis l'invitation.
La jauge de mot de passe est dessinée en CSS, jamais en caractères : « ▮▯ » ne sont pas rendus par la police de la plateforme et s'affichaient en carrés vides (constaté sur staging). Elle est indicative — le serveur reste juge, et ses messages d'erreur s'affichent tels quels plutôt que d'être recopiés côté front.
L'écran d'envoi ne vide rien. Le formulaire reste lisible, le bouton porte l'attente : si l'envoi échoue, on doit pouvoir relire ce qu'on a saisi.

CONSTATAujourd'hui l'écran ne sait pas distinguer les quatre cas. Le code lit un seul signal : 410 → « Ce lien n'est plus valide · Il a peut-être déjà servi, ou expiré » ; tout le reste → « Vérification impossible · Nous n'avons pas pu joindre le serveur ». Conséquences : (a) expiré et déjà utilisé partagent un message qui commence par « peut-être », donc n'aide à rien ; (b) un jeton inconnu ou tronqué — le cas le plus courant après une coupure de lien par la messagerie — affiche « le serveur est injoignable », ce qui envoie attendre alors qu'il faut recliquer.

À VALIDER A-1Le serveur doit dire laquelle des trois causes s'applique. La maquette suppose : 410 + un motif (expired / consumed), et 404 pour un jeton inconnu. Sans ce détail, trois des huit états ci-dessus ne sont pas atteignables. Est-ce arbitré côté back (BACK#55), et sous quelle forme ?

À VALIDER A-2Combien de temps vaut un lien d'invitation ? La réinitialisation annonce 60 minutes, l'invitation n'annonce rien. L'écrire dans le mail et sur l'écran d'expiration évite la question « c'était valable combien de temps ? ». Quelle durée retient-on, et l'affiche-t-on ?

À VALIDER A-3Confirmation ou arrivée directe ? Le code connecte et redirige immédiatement vers « Mes formations » : la réussite est silencieuse, et on ne sait pas si le mot de passe a bien été enregistré. La maquette propose un temps d'arrêt (« Votre compte est activé »). Écran de confirmation, bandeau de confirmation sur la page d'arrivée, ou statu quo ?

À VALIDER A-4« Demander un nouveau lien » n'existe pas en première connexion. En réinitialisation, le bouton renvoie vers « Mot de passe oublié ». En invitation, la seule issue écrite est « demandez à votre administrateur » — sans dire lequel, ni comment le joindre. Sert-on le nom et l'adresse de l'auteur de l'invitation (la donnée existe : assigned_by), ou ajoute-t-on un bouton « me renvoyer une invitation » ?

À VALIDER A-5Le socle de tokens ne couvre pas cet écran. Le :root recopié de 8-liste-cours n'a ni couleur d'alerte, ni couleur de succès autre que --ok, ni token de page sans coquille. Ici tout est composé : erreur = --accent + --accent-soft, jauge pleine = --ok, message neutre = --surface-2. Le rouge d'alerte manque : une erreur bloquante s'affiche donc dans le rose de la marque. Étend-on le socle ?

À VALIDER A-6Deux routes, un seul écran. /onboarding/:token est le chemin canonique, /invitations/:token l'alias des mails déjà partis (#264). Rien à l'écran ne les distingue — c'est voulu. Confirme-t-on qu'aucune bascule ni redirection visible n'est souhaitée ?

À VALIDER A-7Le contrôle qui manquait. #59 est passé parce qu'aucun test ne vérifiait que l'URL contenue dans le mail mène à une page existante — une jointure entre deux dépôts. La maquette n'y peut rien, mais le point doit rester au CA : un test qui construit le lien comme le back et vérifie qu'une route front y répond.

CHANGEMENT UXL'écran rappelle d'où vient le lien (« Lien reçu par e-mail le … — valable une seule fois »). Sans ce rappel, une page de mot de passe sans contexte, ouverte hors de la boîte mail, ressemble à une tentative d'hameçonnage.

Bienvenue chez Efektiv Académie

1 Définir mon mot de passe

2 Compléter mes informations

Bienvenue chez Efektiv Académie

Ce lien a expiré

Ce lien a déjà servi

Ce lien ne correspond à aucune invitation

Vérification impossible

Votre compte est activé