Aller au contenu
O

Réalisation 03 — voir les transformations

Cabinet d'avocat : le droit, rendu lisible.

Un cabinet d'avocat de Perpignan, un gabarit de 2013 figé depuis octobre 2023 — et une offre riche mal servie : quarante-neuf matières, dont quarante-huit gravées dans six images, doublées pour la plupart d'un texte qui ne s'affichait qu'au survol. La refonte conceptuelle « Encre et Pierre » les donne à lire en texte, et discipline le cyan du logo.

Refonte conceptuelle Maquette WordPress complète — onze pages

Le problème, relevé sur le site

  • Les deux polices de caractères prévues par le site ne s'affichaient pas sur ses pages sécurisées : demandées en http:// depuis une page en HTTPS, elles étaient bloquées par le navigateur.
  • Le titre principal s'affichait à 9,9 px sur un téléphone de 375 px de large — et le zoom était bloqué.
  • Le cyan du gabarit donnait 1,9:1 en texte sur blanc : illisible, au sens mesurable du terme.
  • 48 des 49 matières des six domaines étaient gravées au pixel dans six images ; leur version texte n'apparaissait qu'au survol, jamais entre 480 et 961 px de large, et la page Domaines du menu en omettait deux.
  • 1,4 Mo pour quelque 400 mots ; 14 pages pour 10 contenus, un menu qui changeait selon la page, aucune balise canonique.
  • Le numéro de téléphone était absent de l'en-tête, cliquable sur aucune des quatorze pages.

Relevé le 23 août 2026 sur le site en ligne, dont une copie est archivée.

L'analyse

Avant la première ligne de code, un relevé complet — quatorze pages, dix frictions classées — conclut que l'écart entre le fond et la forme est le vrai problème du site. Le fond est gardé, la forme refaite ; ce que le site ne disait pas, comme les horaires, est signalé « information à fournir », jamais inventé.

L'intervention — la direction artistique

« Encre et Pierre » : le logo du cabinet est le mot AVOCAT dont le V est une plume, et la pointe de la plume laisse un trait cyan. Trois décisions en découlent : le filet d'encre, seul ornement, répété ; une seule couleur — le cyan relevé au pixel dans le logo, qui ne porte de texte sur fond clair dans aucune des onze pages (2,5:1) et se décline en une teinte qui se lit (5,7:1) ; et la famille Source, que le site d'origine appelait sans parvenir à l'afficher, enfin servie.

L'intervention — ce qui change, mesuré sur la maquette

  • Contenu — les 49 matières en texte réel, dépliables sous chaque domaine : elles se lisent, se copient, s'indexent. Les six photographies restent, agrandissables au clic.
  • Accessibilité — titre de 9,9 à 37,5 px sur téléphone, zoom rétabli, aucun texte sous le contraste minimal de la norme d'accessibilité (WCAG, niveau AA).
  • Référencement — un titre principal par page au lieu de dix sur l'accueil ; méta-descriptions et données structurées écrites dans le thème, balise canonique posée par WordPress.
  • Performance — page d'accueil de 1 394 à 566 ko, JavaScript de 341 à 47 ko, sans la bibliothèque jQuery.
  • Contact — sur téléphone, une barre fixe pour appeler ou prendre rendez-vous.
  • Structure — un seul menu, onze pages sans doublon, quinze redirections 301 prévues pour les anciennes adresses.
  • Les compositions contraires à la déontologie de l'avocat — témoignages, grilles de tarifs, chiffres clés — sont retirées du thème, et le module de compteurs est coupé.
  • Un contrôle automatique fait échouer la livraison si le cyan de la palette devenait lisible en texte sur fond clair — c'est-à-dire s'il cessait d'être celui du logo : la couleur de la direction artistique est gardée par l'outil.

Mesuré le 23 août 2026 sur le rendu de la maquette, hors production : ce qui dépend d'un WordPress réel — balises de référencement, redirections — reste à vérifier à l'installation. Poids non compressés.

La transformation — déplacez la ligne

Le même travail, sur téléphone

Le texte se lit, et il se zoome.

Sur le site d'origine, le titre principal s'affichait à 9,9 px sur un téléphone et le zoom était bloqué. Sur la maquette, il mesure 37,5 px à 390 px de large, le zoom est rétabli, et la page se recompose au lieu de rétrécir.

Où en est le projet

C'est une refonte conceptuelle, conduite à partir du site public du cabinet. La maquette est complète — onze pages, vérifiées par les contrôles automatiques du thème — mais elle n'a été ni installée sur un WordPress réel, ni mise en ligne : le site du cabinet reste celui décrit plus haut.

Cette page présente le travail d'Orveta sur ce projet — ce n'est ni le site du cabinet, ni une page qui lui est affiliée.