-
Home
L’accueil oriente directement vers l’une des trois grandes catégories du site.
-
Page catégorie
Chaque catégorie regroupe ses articles, avec une hiérarchie claire pour guider la lecture.
-
Article / contenu
Le contenu reste la priorité : une mise en page pensée pour la lisibilité, pas pour la démonstration visuelle.
-
Menu responsive
Une navigation simplifiée pour retrouver rapidement une catégorie, même sur mobile.
Le problème
Après plusieurs années d’existence, le site commençait à dater visuellement : une identité qui ne reflétait plus vraiment le sérieux et la clarté que mérite un sujet comme la vulgarisation juridique.
Le confort de lecture posait aussi question, notamment sur le contraste et l’accessibilité, des points essentiels pour un contenu avant tout textuel, destiné à informer le plus grand nombre.
Les objectifs
Côté UX/accessibilité : améliorer le contraste et la lisibilité globale du site, pour que le contenu reste confortable à lire pour le plus grand nombre.
Côté identité : proposer une image plus en phase avec le sérieux du sujet traité.
Ma démarche UX
Connaissant déjà très bien le projet après plusieurs années à l’accompagner, l’audit de l’existant a été rapide, plus une confirmation qu’une découverte.
J’ai fait quelques benchmarks visuels pour nourrir la réflexion sur l’identité, puis vérifié systématiquement les contrastes avec WhoCanUse plutôt que de me fier uniquement à l’œil : même avec de l’expérience, ce genre de vérification reste indispensable pour ne rien laisser au hasard.
Le travail UI
Le mode clair et sombre répondait à un peu tout à la fois : confort de lecture, tendance actuelle, et une vraie évolution attendue pour le site.
Le logo a été retravaillé principalement sur la typographie, avec un choix plus classique une évolution surtout marquante par rapport à une version encore antérieure.
Pour l’imagerie, j’ai opté pour des visuels tramés en bleu plutôt que des photos classiques, avant tout pour des raisons de vitesse de chargement et de lisibilité, tout en gardant une cohérence avec l’identité du site.
Les décisions de conception
Le bleu de l’identité posait un problème de contraste selon le mode d’affichage : une teinte qui fonctionnait bien en mode clair devenait insuffisamment lisible en mode sombre, et inversement.
Plutôt que de chercher une teinte unique qui ferait des compromis dans les deux contextes, j’ai fait le choix d’utiliser deux valeurs de bleu différentes, chacune calibrée pour son propre mode une solution plus simple à assumer qu’à faire tenir un seul bleu partout au prix de la lisibilité.
Travail d’équipe
Ce projet fonctionne comme un vrai partenariat au fil des années : parfois mon ami me sollicite avec une idée ou un besoin, parfois c’est moi qui propose de retravailler telle ou telle partie du site.
Sur le contenu éditorial en particulier, il garde une pleine autonomie les visuels tramés développés pour l’identité générale, par exemple, ne sont volontairement pas appliqués aux articles, qui restent son terrain.
Les enseignements
Objectif-Justice m’accompagne depuis près de 20 ans, et c’est sans doute le projet qui reflète le mieux mon évolution en tant que designer : chaque refonte porte les compétences et les convictions que j’avais à ce moment-là, du responsive à l’accessibilité en passant par l’identité visuelle.
C’est aussi le projet où je touche le plus à l’intégration WordPress, un exercice qui n’est pas ma préférence, mais qui me permet de rester en prise directe avec les contraintes du développement, même sur mes projets où je ne développe pas moi-même.
- Histoire du site
- Suivant
- Comment ça marche ?
- C’est jugé
- Contact
- Ils parlent d’OJ
- J’apprends
- Juridictions étrangères
- Juridictions superieures
- Partenariat
- À propos
- Première instance matière administrative
- Première instance matière civile
- Première instance matière pénale
- Recherche
- Vers le haut