Un design system mobile, de zéro.
L’app terrain d’un ATS, et un système de plus de 50 composants né de ses vrais écrans.
Recruter loin du bureau.
Cegid voulait que ses recruteurs puissent traiter des candidatures en déplacement ou en magasin. L’app n’existait pas, et j’ai été recruté pour la construire.
Le design system desktop existait, mais rien n’y était pensé pour le mobile. Il fallait dessiner les écrans et poser le système en même temps, seul designer face à l’équipe technique.
Les écrans d’abord, le système ensuite.
L’option évidente était de décliner le système desktop, ou d’écrire une bibliothèque mobile complète avant le premier écran. J’ai fait l’inverse : dessiner les premiers écrans, repérer les besoins qui revenaient, et structurer le système à partir de là.
Le coût : un long audit de tous les composants candidats, puis un tri pour ne garder que ceux qui revenaient d’écran en écran. Le gain : une nomenclature unique, de Figma au code.
Le résumé IA, seulement à la demande.
Le résumé compare le profil du candidat à l’annonce, dans une fiche déjà dense. Sur le terrain, les recruteurs alternaient entre lecture directe et résumé : la génération est restée optionnelle. La fonctionnalité était en bêta à mon départ.
- FerméLa fiche reste lisible telle quelle.
- TraitementUn état d’attente dans la carte, sans bloquer l’écran.
- RésuméLes critères clés d’abord, le détail ensuite.
- AvisMention IA explicite, avis en un geste.
Avant de partir, un mode d’emploi.
J’ai écrit, de ma propre initiative, un document de passation de seize pages : mes rituels, les conventions Figma, le design system. Il est destiné aux équipes produit et aux devs, pour que le système continue de vivre sans moi.
« Avec lui, nous avons créé une nouvelle équipe produit dédiée au mobile et posé les premières briques de l’atomic research. »
Ce que j’en retiens.
Un design system émerge du terrain, des contraintes réelles et des retours. Celui-ci a été conçu pour être utilisé, pas pour être beau dans Figma.
Projet suivant · 03 / 03Un design system construit avec l’IALire l’étude de cas Astra System 30 minutes sur votre produit et ce qui bloque.
Etienne Chevalier · 30 min