École nationale de la magistrature

Accompagner l'établissement de formation des magistrats dans la refonte de son intranet

2019
UX design / UI design

Photographie, Magistrats et leurs mortiers dans l'école nationale de magistrature, Bordeaux

Un contexte singulier

L’École nationale de la magistrature (ENM) est l’unique école de formation des magistrats de l’ordre judiciaire en France. Située dans le centre-ville de Bordeaux, sa mission est d’assurer le recrutement et la formation professionnelle des auditeurs de justice, ainsi que la formation continue des magistrats en poste. L’école accompagne ainsi les magistrats tout au long de leur vie professionnelle, dès l’entrée à l’école jusqu’à la fin de carrière.

Les objectifs stratégiques de la refonte sont les suivants :

  • Favoriser le décloisonnement des services ;
  • Fluidifier la circulation de l’information en interne, d’une part, et entre l’ENM et les magistrats en juridiction, d’autre part ;
  • Développer une culture commune en transmettant les valeurs et la connaissance de l’ENM ;
  • Accompagner la pédagogie au travers des espaces de documentation ;
  • Une interface conviviale qui puisse parler à un public très large, familier ou pas des technologies numériques.
Photo de la cours intérieure de l'école nationale de magistrature, Bordeaux
Photo de prestation de serment à l'école nationale de magistrature, Bordeaux

Une page d’accueil personnalisée

L’un des principaux enjeux en terme de design est la personnalisation de la page d’accueil et de ses données. Deux types de contenu composent cette page : du contenu chaud avec les actualités, et du contenu froid avec les accès personnalisés. Nous avons regroupé l’ensemble des accès rapides propres à l’utilisateur dans un volet rétractable, et l’accès aux espaces des différents profils est possible dès le haut de page. Le reste de la page est dédié à l’actualité institutionnelle : elle permet ainsi de créer du lien entre les services et de développer une culture commune.

Design de la page d'accueil de l'intranet, composé d'accès directs, d'actualités et de documentations pédagogiques
Design de l'entrée de menu ouvert "accès rapides"

Un système de navigation par tag / fil d’ariane

Un autre enjeu ergonomique est la formulation de la navigation dans les pages. Celle-ci doit être intuitive malgré la grande profondeur des contenus de l’intranet. Nous avons mis en place une logique de tags – fil d’ariane qui permet à l’utilisateur d’atteindre rapidement les sous-rubriques.

Design de la page "École" avec une liste de tags pour des accès rapide ainsi, qu'une présentation et des documents reliés
Design de la page de niveau 2, une fois que j'ai cliquer sur un tag. On trouve la présentation du service et tout type d'informations reliées

Une conception adaptative tous formats

Design de la page détail d'une actualité. C'est une mise en page exaustive de tous les composants qu'il peut y avoir, exemple: titre, boutons, citation, documents liées...
Déclinaison mobile de 2 écrans du site
Déclinaison tablette d'un écran du site

Projet suivant

Le Glacier de la Place

Accompagner le Glacier de la Place dans l'identité de son point de vente