VINCENT OLIVE
NEOCASE · PRODUCT DESIGNER

EDM

Intégrer une nouvelle brique de gestion documentaire RH pour repérer les documents manquants ou non valides à grande échelle.

Back-office RHGestion documentaireConformitéOCRBPMAccessibilité
ROLEProduct Designer
UTILISATEURSAgent RH · Administrateur
MON PÉRIMÈTREUser flows · Wireframes · UX/UI · Validation en masse · Design System
Dashboard Neocase EDM
01 — PROBLÈME

Repérer les documents manquants ou non valides à grande échelle.

L’enjeu était d’ajouter une nouvelle brique produit de gestion documentaire RH à un système de ticketing et de BPM déjà très complexe. Elle devait s’intégrer au back-office existant et respecter sa charte graphique.

Pour des organisations de plusieurs milliers, voire centaines de milliers de salariés, les équipes RH devaient pouvoir vérifier la présence et la validité des documents obligatoires, anticiper leur expiration et identifier les dossiers à régulariser.

Les documents étaient répartis entre plusieurs outils — SIRH, paie, gestion des talents. Leur centralisation devait faciliter le suivi et le stockage, avec des exigences fortes de sécurité, de confidentialité et de gestion du cycle de vie des données.

02 — FRAMING
ENJEU · RH

Réduire les risques de non-conformité.

ENJEU · PRODUIT

Intégrer une nouvelle brique au back-office existant.

Principes de conception

Rendre visibles les documents obligatoires manquants, expirés ou non valides.
Faciliter le contrôle de volumes importants de documents, y compris lorsque l’OCR fait des erreurs.
Respecter la charte du back-office et la cohérence du système de ticketing et de BPM.
03 — UTILISATEURS

Agir sur les documents. Structurer le système.

AGENT RH

Suivre et agir vite.

Identifier les documents obligatoires manquants ou non valides, retrouver un salarié et contrôler les informations de ses documents sans perdre le contexte.

ADMINISTRATEUR

Structurer le système.

Organiser les types de documents, gérer les droits de visibilité et paramétrer les règles qui structurent l’outil, dans un contexte de sécurité et de confidentialité des données RH.

04 — OCR & VALIDATION

Préremplir les informations sans perdre le contrôle.

Nous utilisions l’OCR pour reconnaître les documents et préremplir leurs métadonnées, à partir du type de document défini. Cette assistance pouvait produire des erreurs : l’utilisateur devait donc pouvoir vérifier et corriger les informations avant validation.

01

Reconnaître et préremplir

Définir le type de document et utiliser l’OCR pour préremplir les métadonnées.

02

Vérifier et corriger

Permettre aux RH de contrôler les informations et de corriger les erreurs de reconnaissance.

03

Valider en masse

Concevoir un parcours de validation de plusieurs documents pour répondre aux volumes à traiter.

Wireframes reconstitués : vérification du préremplissage OCR puis correction des métadonnées
OCR · Vérifier et corriger les métadonnées — reconstitution du parcours
Wireframes reconstitués de la validation en masse : sélection, vérification, correction et validation
VALIDATION EN MASSE · Sélection → Vérification → Correction → Validation — reconstitution du parcours
05 — PARCOURS UTILISATEUR

Découper les tâches complexes en étapes compréhensibles.

Avant l’UI finale, les parcours ont été posés en wireframes. L’ajout d’un document progresse de l’import vers l’identification, le rattachement puis les métadonnées. J’ai également conçu un parcours de validation en masse pour faciliter le contrôle de plusieurs documents.

Ajouter un document : import, identification, rattachement et métadonnées
WIREFRAMES · Ajouter un document
06 — INTERFACE

Faire ressortir l’information utile au bon moment.

Le dashboard donne une lecture immédiate de la validité. La liste privilégie le scan et le filtrage. L’édition rapproche le document de ses métadonnées pour faciliter le contrôle.

01

Dashboard

Lire la validité des documents et repérer les documents manquants, expirés ou bientôt expirés.

02

Liste des documents

Filtrer et rechercher parmi tous les documents RH.

03

Édition d’un document

Changer le type de document, l’employé ou les métadonnées.

Dashboard de validité et répartition des documents
DASHBOARD · Faire ressortir les statuts et les actions
Liste des documents RH, filtres et recherche
LISTE · Filtrer et rechercher
Édition du document, de l’employé et des métadonnées
ÉDITION · Document et métadonnées
07 — DESIGN SYSTEM

Une hiérarchie visuelle stricte pour réduire le bruit.

La nouvelle brique devait s’intégrer à la charte du back-office existant. Couleurs d’état, typographie, iconographie et composants ont été déclinés dans ce cadre pour garder la même logique sur les différents écrans.

Nous devions utiliser des codes visuels accessibles pour permettre à tous nos utilisateurs de tirer parti du produit. Chaque statut est ainsi associé à une icône, en complément de la couleur : l’information reste compréhensible sans dépendre uniquement de la perception des couleurs, notamment pour les personnes daltoniennes.

Couleur principale

Pour tous les éléments interactifs.

Couleur d’accent

Pour les actions principales.

Gris foncé et gris

Fond des menus et entêtes, textes de base et couleurs de fond.

Typographie

Montserrat et Open Sans.

Charte Neocase EDM : couleurs et typographies Montserrat et Open Sans
DESIGN SYSTEM · Principes visuels du produit
08 — BILAN

Rendre la conformité plus facile à piloter.

Sur un outil métier de cette ampleur, la lisibilité aide les RH à repérer les dossiers à régulariser et à contrôler les informations. L’OCR facilite la saisie, mais ses erreurs rendent la vérification humaine essentielle. Le travail de design a porté sur ces parcours de contrôle, leur traitement en masse et leur intégration au back-office existant.