Nathaniel Burlot
Retour aux travaux
Pages Pro

Design

Pages Pro

Actif

Plateforme de profils du personnel de l'Université de Lille, listant les profils des enseignants, chercheurs, doctorants et personnels administratifs. L'une des premières applications concrètes des tokens ULK.

Domaine
Staff directory UX design Institutional platform
Outils
Adobe Experience Design ULK tokens
Chronologie
Conçu en 2022, en ligne sur pages-lille.fr et utilisé activement au quotidien.
Pages Pro est la plateforme de profils du personnel de l'Université de Lille, regroupant les profils des enseignants, chercheurs, doctorants et personnels administratifs. La refonte visait à moderniser l'interface, améliorer l'utilisabilité mobile, et poser les bases de ce qui allait devenir le design system ULK. Construit en 2022, il a été l'une des premières applications concrètes des tokens ULK, notamment pour l'espacement, la cohérence des couleurs et la logique de mise en page.

Contexte & rôle

J'ai conçu les maquettes initiales dans Adobe XD, l'intégration front-end étant assurée par l'unité de développement de l'université. Le projet est antérieur à ULK en tant que système formel, mais c'est là que plusieurs de ses conventions initiales ont été testées en production pour la première fois.

Fonctionnalités clés

  • Profils publics complets : bio, contact, cours, publications, responsabilités
  • Synchronisation automatique avec HAL pour les listes de publications
  • Mise en page entièrement responsive (mobile/tablette/desktop)
  • Support du mode sombre
  • Mise en page modulaire par section
  • Recherche et filtrage par département, discipline ou laboratoire

Design & développement

Les pages ont été conçues pour la clarté et des blocs de contenu peu denses, privilégiant la lisibilité sur la densité visuelle étant donné la quantité d'informations que peut contenir un profil. Les thèmes de couleur étaient basés sur une version précoce de la palette ULK, avant qu'elle n'ait une structure de tokens formelle. Les contrastes suivaient les recommandations WCAG dans la mesure du possible, bien que la conformité accessibilité complète ne soit pas encore une exigence du projet à ce stade.

Page d'accueil Pages Pro — liste des profils
Page d'accueil : annuaire consultable du personnel.

Pages profil

  • Page profil — bio et onglets
  • Onglet publications avec synchro HAL
  • Page profil — contact et responsabilités
  • Onglet enseignement

Résultat

La navigation a été simplifiée en onglets clairs (Profil, Enseignement, Publications, Rôles, Parcours), et la plateforme est devenue une référence de base pour les pages de profil institutionnelles ultérieures. Les retours ont été particulièrement positifs sur le design épuré et l'intégration HAL.

Statut

En ligne et utilisé activement. Les tokens ULK utilisés sur la plateforme doivent être mis à jour vers la v2 lors de prochaines itérations. Des améliorations d'accessibilité et des modes d'affichage alternatifs (impression/export) sont à l'étude.