← Retour aux projetsMes projetsÀ propos de moiCV
CASE STUDY · ILA FORMATION — PROJET DE DÉBUT DE CARRIÈRE

ILA Formation

Concevoir un nouveau module en une semaine : décliner une identité existante et livrer une expérience cohérente sous contrainte de temps.

ILA Formation est l'un des projets les plus intenses de mon début de carrière, non pas par sa complexité technique, mais par sa contrainte de temps. En une semaine, en binôme avec un analyste, j'ai conçu un module entier en partant d'une charte graphique existante. Un exercice de vélocité, de rigueur et de priorisation.

Timelinefin 2021 - Environ 1 semaine
EntrepriseSigedis — association publique fondée par les institutions de sécurité sociale
Mon rôleUI Designer — conception user interface, maquettes haute fidélité, identité visuelle
Équipe1 analyste (binôme)
CibleSalariés et travailleurs belges
ContexteExtension du produit Mycareer.be — module de suivi des formations professionnelles
Impact & résultats

Ce que ce projet a changé

~1 semaineModule complet livré dans les délais impartis
Identité déclinéeCharte graphique existante étendue à un nouveau module
5+ pages conçuesVues haute fidélité couvrant tous les parcours utilisateurs

Le défi

Mycareer.be est la plateforme de Sigedis qui permet aux travailleurs belges de consulter l'historique de leur carrière. ILA Formation est un module additionnel permettant d'accéder aux formations professionnelles selon le profil utilisateur. Le défi n'était pas conceptuel, il était opérationnel :

  • Livrer un module complet et cohérent en environ une semaine
  • S'inscrire parfaitement dans la charte graphique existante de Mycareer.be, sans la dénaturer
  • Concevoir une interface claire pour des données structurées et techniques — crédit de formation, types, employeurs, secteurs
  • Travailler en binôme serré avec un analyste dont le rôle était de définir les exigences fonctionnelles
PHASE 01 — CADRAGE & APPROPRIATION

Comprendre vite pour concevoir juste

Avec une deadline aussi courte, il n'était pas question de tâtonner. La première phase a été une appropriation rapide mais structurée : comprendre le produit existant Mycareer.be, ses patterns visuels, sa logique de navigation, et les contraintes fonctionnelles du nouveau module.

Travailler avec un analyste

Le binôme avec l'analyste a été central dans cette phase. Son rôle : définir précisément les données à afficher, les règles métier, et les cas d'usage. Mon rôle : transformer ces exigences en une interface lisible et cohérente, sans friction entre les deux disciplines. Cette collaboration m'a appris à travailler à flux tendu avec un profil non-designer, à poser les bonnes questions rapidement, à prendre des décisions visuelles en temps réel.

S'approprier une identité existante

Concevoir dans une charte graphique que l'on n'a pas créée demande une lecture attentive avant de toucher à quoi que ce soit. J'ai analysé les composants existants de Mycareer.be : couleurs, typographie, grille, états interactifs, pour identifier les patterns réutilisables et ceux qui devaient être étendus pour le nouveau module.

PHASE 02 — CONCEPTION & MAQUETTES

Du brief aux maquettes en temps contraint

Le délai serré n'a pas laissé de place à une phase de wireframing longue. J'ai posé rapidement la structure de chaque écran avant de passer aux maquettes haute fidélité, en m'appuyant sur la charte existante comme garde-fou visuel, ce qui m'a permis de me concentrer sur l'architecture de l'information et la clarté des parcours.

Pages conçues

  • Vue d'ensemble des formations — crédit de formation restant, formations précédentes, compteurs
  • Tableau de formations par employeur, année, type et secteur
  • Vue détaillée d'une formation — caractéristiques, paramètres, données administratives
  • Formulaire d'ajout de formation — champs structurés, validation, gestion des types
  • Vue de consultation des déclarations — filtres, tri, états de validation

Déclinaison de l'identité visuelle

La charte de Mycareer.be utilisait un vert institutionnel comme couleur principale. Mon travail a été de l'étendre aux nouveaux composants du module : tableaux de données, graphiques de répartition des formations, badges de statut, boutons d'action, en respectant la cohérence visuelle globale tout en répondant aux besoins spécifiques du module Formation.

Gestion des données complexes

ILA Formation affiche des données structurées et denses : types de formations, secteurs, employeurs, dates, crédits, certificats. L'enjeu UX central était de rendre ces informations lisibles et hiérarchisées pour un travailleur qui consulte son dossier, sans formation technique préalable.

Maquette du module Formation de Mycareer.be
Maquette du module Formation de Mycareer.be
Conclusion

Résultat et les next steps

  • ~1 semaine — module complet livré dans les délais
  • 5+ pages — vues distinctes haute fidélité livrées
  • Identité visuelle — déclinée depuis la charte existante
  • Binôme analyste / designer — collaboration fluide et efficace

Le module a été livré dans les délais impartis, avec une cohérence visuelle maintenue avec l'ensemble de Mycareer.be. Les maquettes haute fidélité ont servi de référence directe pour le développement.

Réflexion personnelle

Ce que ce projet m'a appris

En une semaine, il a fallu trancher vite et souvent. J'ai appris à faire confiance à mon instinct sur ce qui comptait vraiment pour l'utilisateur, plutôt que de chercher la solution parfaite sur chaque détail.

Travailler dans une charte déjà posée par un autre designer demande une autre forme de rigueur. Il a fallu comprendre les choix visuels de Mycareer.be avant de les étendre, pour que le module Formation ait l'air d'avoir toujours fait partie du produit.

Le binôme avec un analyste m'a aussi appris à traduire. Lui pensait en règles de gestion et en flux de données, moi en perception utilisateur. Trouver le point où ces deux logiques se rejoignaient a rendu le résultat final plus solide que ce que j'aurais fait seule.