Imac écran reporting
Imac écran reporting

NewDeal, une gestion des ressources humaines simplifiée et une paie automatisée

Introduction

NewDeal est un SIRH permettant aux chefs d'entreprises, office managers et cabinets d'expertise comptable de faciliter la gestion des ressources humaines et génération des bulletins de paie. Racheté en début 2021 par Silae (SilverLake), logiciel leader de la production de bulletins de paie en France, NewDeal propose une interface utilisée la fois par les entreprises clientes et leurs employés mais qui fluidifie également les échanges de données entre les entreprises et les professionnels de la paie.

Etant la première designer de l’entreprise, j’ai été chargée de mettre en place un design system et de créer l'identité visuelle de l’application. Au quotidien, je suis challengée sur la création de nouvelles fonctionnalités, en alliant recherche et compréhension d’un monde qui m’était au départ inconnu : celui de la paie et des RH.

Contexte

Durée : depuis Février 2018

Rôle : Product Designer (seule)

Start-up, 1 PM, 6 devs

Missions

UX design, UI design, gestion de projet

Problématique

Comment faciliter la gestion des ressources humaines et améliorer l'échange des données de paie chaque mois ?

Contexte

Les points de friction composant la gestion des ressources humaines sont nombreux :

Une masse importante d'éléments à gérer et la difficulté d'avoir un suivi global des demandes

Des moyens de communication multiples et éparpillés (mails, communication orale, messageries...)

Beaucoup de travail manuel pour la récolte et transmision des éléments variables de paie chaque mois (congés, absences, primes, notes de frais...). Énormement d'entreprises fonctionnement encore avec des fichiers excel et des envois de mail, ce qui rend le processus long et fastidieux, en plus d'augmenter les risques d'erreur.

Objectifs

  1. Centraliser les données et proposer une interface commune aux gérants d'entreprises et à leurs employés
  2. Automatiser la récolte et l'envoi des éléments variables de paie via une connexion API entre NewDeal et Silae
  3. Limiter le travail manuel et le nombre d'échange nécessaires à la validation de demandes et à la récolte de données
  4. Proposer une solution qui soit utile et comprise des quatre principaux types d'utilisateurs : le chef d'entreprise/office manager, l'employé, le manager et le gestionnaire de paie.

Challenges

Guider l’utilisateur et mettre des barrières lorsqu’il en a besoin pour lui éviter des erreurs importantes. Beaucoup d'entre eux sont peu technophiles et ont peu de connaissances en paie. Ils nécéssitent une assistance particulière ainsi qu’un cadrage des actions car certaines peuvent avoir un impact important (mauvaise manipulation engendrant une erreur sur un bulletin par exemple).

Etablir une identité sobre mais pas ennuyeuse dans le but de moderniser l’image d’un domaine peu attirant de prime abord et se démarquer des logiciels de paie classiques.

Dès mon arrivée, j’ai bénéficié de beaucoup d’autonomie et de liberté en ce qui concerne les choix de conception et visuels. Mes principales missions consistaient à :

  1. Créer et mettre en place un design system pour établir une identité unique et conserver un rendu cohérent au sein de l’application. Cela permet également de faciliter l’intégration pour les développeurs.
  2. Identifier et recueillir les besoins des différentes typologies d’utilisateurs ainsi que leurs spécificités (contraintes, compétences, méthodes de travail...)
  3. Concevoir les fonctionnalités en accord avec les besoins des clients et les spécificités techniques, collaborer avec mon équipe pour suivre la bonne implémentation des interfaces.

Personae

Au fil des interviews auprès de gestionnaires de paie, experts comptables et chefs d’entreprises, nous avons pu constituer plusieurs personae illustrant nos différents type d'utilisateurs.

Phase de recherche

Les recherches se font de manière ponctuelle, généralement à l'aube de la conception d'une nouvelle fonctionnalité afin de mieux comprendre les besoins et de construire des spécifications techniques cohérentes. J'apprécie particulièrement l'exercice de l'interview, souvent très formateur et qui permet d'avoir un réel échange constructif avec nos utilisateurs.

J'associe régulièrement les interviews à des recherches structurelles, un benchmark et des échanges en interne appuyés sur différentes méthodologies (user flow, journey map, mind mapping...).

Refonte visuelle

Le design system contient tous les éléments utilisés sur l’interface. D’une part il met en évidence les couleurs, espacements, tailles de typo à reprendre par les développeurs lors de l’intégration des maquettes, d’autre part il aide à conserver une cohérence et unité entre tous les éléments visuels du logiciel.

On décompose en premier lieu tous les éléments qui constituent les “atomes” : couleurs, typos, boutons et champs.

Ces atomes vont ensuite former des "molécules", un ensemble de plusieurs atomes comme une barre de recherche par exemple.

Enfin, plusieurs molécules créent des “organismes”, comme un header ou un tableau.

Ui kit sections des couleurs

Couleurs et boutons

Ui kit champs et formulaires

Champs

Ui kit polices de caractères

Typos

Ui kit template de tableau

Template de tableau

Ui kit menu du profil

Menu du profil

Ui kit panneau de notifications

Filtres

Ui kit pop-up d'erreur

Pop-up d'erreur

Mise en place du Design System

Page paie AVANT refonte visuelle

Page paie APRÈS la mise en place du Design System

Exemples de fonctionnalités

Module d'entretiens professionnels et d'évaluation

Problématique

Les entreprises composées de 50 collaborateurs ou plus sont soumises à des règlementations concernant le suivi de leurs salariés, notamment sur des questions de formation, d'évolution professionnelle et de suivi des compétences.

Solution

Pour leur permettre de faire passer ces entretiens et de constituer des campagnes, nous avons conçu un module dédié qui propose des modèles de questionnaires modifiables, afin d'aider et de guider ceux qui le souhaitent, tout en leur laissant la liberté de remanier les questions comme bon leur semble. Un suivi est mis en place pour la complétion du questionnaire par le salarié, les documents peuvent être signés électroniquement et sont conservés dans NewDeal.

Écran de présentation de l'onboarding

Suivi d'une campagne d'entretien

Mockup de Macbook montrant un écran d'entretien individuel

Interface du salarié, qui lui présente son questionnaire à remplir au préalable de son entretien, afin d'être mieux préparé et d'aborder des sujets de manière plus efficace avec ses managers

Le reporting

Problématique

Les entreprises répondent à des obligations légales qui les soumettent à des contrôles de leur trésorie mais également à des règles concernant leurs salariés et leur place dans l’entreprise. Certaines données sont nécessaires à la composition d’un bilan comptable, d’autres servent d’indicateurs sur la santé de l’entreprise.

Solution

Faire une sélection parmi les nombreuses données de l’entreprise et les mettre en image dans une section « Reporting ». Ces statistiques doivent être exportables et consultables sur des différentes périodes choisies.

Écran de présentation du reporting

Page d’export des données, permettant de sélectionner une période, catégorie et format définis

Mockup d'Imac représentant un écran de reporting

Le reporting met en image des données couramment consultées par les chefs d’entreprises : les charges, types de travailleurs et statistiques sur la population de l’entreprise

Mock-up de l'application mobile, splash screen

L'application mobile

Problématique

De nos jours, il est indispensable qu’un collaborateur puisse consulter son compte et faire des demandes sur mobile pour plusieurs cas de figure : des professions qui nécessitent des déplacements, des employés n’ayant pas accès à des ordinateurs sur leur lieu de travail ou encore des managers (un peu surbookés) qui voudraient y jeter un oeil hors du bureau...

Solution

Quelqu'en soit le motif, l’application mobile est destinée aux collaborateurs et managers leur permettant de :

  • Voir et télécharger leurs bulletins de paie
  • Avoir un aperçu de leur bulletin du mois en cours avant la clôture de paie (prévisualisation)
  • Valider les demandes des personnes de leur équipe (rôle manager)

Entre autres...

Mock-up de l'application
Mock-up de l'application
Mock-up de l'application Mock-up de l'application

Voir d'autres projets

Mignature redirigeant vers le projet FoodMeUp

FoodMeUp

Mignature redirigeant vers le projet Opus

Opus

Mignature redirigeant vers le projet Heetch

Heetch