Pepyte - HR tech SaaS
Mai 2023 à Janvier 2025
Context
Pepyte accompagne les startups et entreprises tech dans le recrutement de profils Sales, Marketing et Product.
J’interviens en tant que Product Designer sur l’UX Research, la création de parcours utilisateur (New Feature) et la création du Design System.
Use case
Chaque Use case permet de vous présenter mes compétences en Product Design à travers l’UX Research, l’animation de Workshop et la création de parcours utilisateur à l’aide du Design System.
Périmètre de la mission
Le cœur du produit repose sur la création, la modification et l’utilisation des fiches.
Ma mission repose sur la refonte UX complète des formulaires et fiches ainsi que la conception de nouvelles fonctionnalités.
Mission en 4 étapes
Mon approche repose sur une méthodologie progressive, un déploiement par étapes, afin de sécuriser chaque évolution produit.
Étape 1
Refonte UX
· Simplification des parcours utilisateur
· Amélioration de la complétion
· Harmonisation avec nos pattern et Design System
Étape 2
Enrichissement
· Ajout de nouveaux champs lorsque nécessaire
· Définition du statut : obligatoire / optionnel (en vue de la prochaine étape)
Étape 3
Personnalisation
· Ajout d’un menu de personnalisation
· Activation / désactivation
· Gestion du caractère obligatoire ou facultatif
Étape 4
Template
· Création et animation d’un Workshop UX sur Figjam
· Analyses des Insights
· Création des Templates
· Tests utilisateurs
Track record d'impact et résultat final
· Temps gagné : xxx
· xxx
· Accélération de l’onboarding
Avant
Formulaires rigides, longs, peu adaptés aux besoins réels et ne respectant pas les pattern du produit.
Après
Formulaire personnalisables, rapides à compléter, adaptées aux métiers et respectant les pattern du produit.
Étape 1 : Refonte UX des fiches & formulaires
Début du use case
Benchmark UX
Analyse des patterns de formulaires (Mobbin) pour identifier :
- les structures les plus efficaces,
- les mécanismes d’aide à la saisie (suggestions, placeholders, pills, …),
- les modèles de hiérarchisation des sections.
Ce benchmark a permis d’extraire les standards UX actuels et concevoir des fiches :
plus claires,
plus rapides à compléter,
cohérentes avec les usages du marché.
Étape 1 : Refonte UX des fiches & formulaires
2/8
Résultats concrets
· Ajout du nouveau menu latéral pour une navigation cohérente et fluide,
· Indicateur de complétion (check / warning / erreurs),
· Amélioration du wording des CTA,
· Badges numérotés pour champs multiples. (formations, langues),
· Remplacement des selects par des pills (sélection en 1 clic).
Maquette Figma et specs
Étape 2 : Enrichissement des données
3/8
Benchmark UX
Analyse des solutions concurrentes pour :
Identifier les champs standards,
Définir le bon niveau de granularité,
Constituer une base exhaustive de nouveaux champs possibles.
Recherche utilisateur
10 entretiens qualitatifs avec des headhunters,
20 questionnaires quantitatifs.
→ Tous les champs sont évalués (champs existants + nouveaux champs issus du benchmark + champs issus des entretiens) : obligatoires, optionnels ou inutiles.
Étape 2 : Enrichissement des données
4/8
Résultats concrets
Formulaire entreprise : 1 champs obligatoire ajouté, un changement de wording et 1 futures champs optionnels
Formulaire offre : 3 nouveaux champs optionnels
Formulaire candidat : 5 nouveaux champs optionnels
Étape 3 : Personnalisation des formulaires
5/8
Objectif
Permettre aux utilisateurs :
- D’activer ou désactiver des champs,
- Définir leur statut (obligatoire / optionnel)
Benchmark UX
Analyse des modèles de personnalisation pour :
· Identifier les patterns de personnalisation les plus efficaces,
· Définir une interface simple et efficace (toggles pour l’activation des champs, pills pour le statut obligatoire ou optionnel).
Étape 3 : Personnalisation des formulaires
6/8
Résultats concrets
· Fiches configurables simplement et rapidement grâce à une interface claire.
· Données structurées grâce à la gestion des champs obligatoires et optionnel,
Menu de personnalisation
Étape 4 : Template de formulaire
7/8
Atelier de co-construction — Templates de fiches candidat
L’objectif de cet atelier était de concevoir des templates de fiches candidat réellement utiles.
Nous avons travaillé sur trois typologies clés : Sales, Marketing et Product.
Objectif de l’atelier
Lors de la création d’une fiche candidat, l’utilisateur pourra sélectionner l’un des trois templates.
Chaque template embarque un ensemble de champs ciblés, définis collectivement en fonction des besoins spécifiques à chaque métier.
La mission des Heads Hunter
Les participants devaient se prononcer sur chaque champ d’information en votant :
Oui : champ indispensable
Non : champ non pertinent
Pas d’avis : champ à reconsidérer
Pour garantir la qualité des échanges :
seuls les champs nécessitant une réflexion étaient soumis au vote,
les champs évidents (ex. Nom, Prénom) étaient intégrés automatiquement à tous les templates.
Étape 4 : Template de formulaire
Fin du use case
Résultats concrets
Les résultats du vote ont permis de valider la pertinence des templates et d’aboutir à une évolution clé :
nous avons finalement conçu 4 templates au lieu de 3, en identifiant une distinction claire entre Marketing Brand et Marketing Growth, en plus des templates Sales et Product.
Cette décision, issue des échanges et des votes, a permis de créer des fiches candidat encore plus adaptées aux réalités métiers et aux besoins opérationnels.
4 templates métier créer (Sales, Marketing Brand, Marketing Growth et Product),
Création de fiches plus rapide pour nos équipes,
Adoption de la solution co-créer avec l’équipe des head hunter.
Prochaines étapes
Création des templates de fiches candidat pour chaque typologie métier
Lancement de tests utilisateurs afin de valider la compréhension, la pertinence des champs et l’efficacité des templates en situation réelle
