Aller au contenu
wasabi web designDevis gratuit

Étude de cas · Création de site

Maître Clotilde Fontaine : le site qui fait venir les rendez-vous

Une avocate installée à Arras voulait exister en ligne pour développer son cabinet. Son site affiche 100 sur 100 à Lighthouse dans les quatre catégories, sur mobile comme sur ordinateur, et reçoit des demandes de rendez-vous par son formulaire.

Le site Maître Fontaine affiché sur un ordinateur portable
Client
Maître Clotilde Fontaine
Prestation
Création complète
Mise en ligne
Fin 2025
Stack
WordPress · Etch + ACSS
Lighthouse mobile
100Dans les quatre catégories, mesuré le 4 octobre 2026
Affichage sur mobile
1,4 sEt zéro décalage visuel
Prise de rendez-vous
En hausseDemandes reçues via le formulaire

01 Point de départ

Le défi

Maître Fontaine venait d’ouvrir son cabinet à Arras et n’avait aucune présence en ligne. Or ses clients la cherchent au moment où ils vont mal : un divorce, un enfant placé, un permis suspendu. Il fallait un site qui rassure, qui explique sans jargon, et qui permette de la joindre en deux clics, le tout dans le cadre strict des règles de la profession.

  • Aucune présence en ligne au démarrage
  • Des sujets sensibles à expliquer simplement
  • Les règles déontologiques de la profession

02 Direction artistique

Un visage avant les procédures.

Ses clients la cherchent quand ils vont mal : le site commence donc par un visage. Le portrait de Maître Fontaine, pris dans son cabinet, ouvre l’accueil ; les mots qui comptent passent en vert, la couleur de ses titres et de ses étiquettes. Fond blanc, panneaux d’un beige chaud, boutons en pilules noires avec leur flèche : rien de froid ni d’administratif. Chaque domaine du droit a sa photo et sa page.

  • Le portrait de l’avocate en ouverture
  • Une page par domaine d’intervention
  • Les honoraires expliqués, mode par mode

La palette

  • Vert#00674FTitres, étiquettes, liens
  • Noir#000000Boutons en pilule
  • Beige chaud#F4EFEFEn-tête, panneaux, pied de page
  • Blanc#FFFFFFFond des pages

Les typographies

  • Police du système · Titres

    San Francisco sur Apple, Segoe UI sous Windows, Roboto sous Android : rien à télécharger

  • Police du système · Texte et boutons

    La même famille, en graisse normale

Le décodeur

Chaque fonction du site a sa forme. En petit, ce qu’elle fait ; en gros, comment le site la présente.

  • Détail du site Maître Fontaine : le portrait Détail du site Maître Fontaine : le portrait
    Sur le site · La page d’accueil Le portrait Maître Fontaine accueille elle-même le visiteur, dans son cabinet ; les mots qui comptent du titre passent en vert.
  • Détail du site Maître Fontaine : les fiches Détail du site Maître Fontaine : les fiches
    Sur le site · Les domaines d’intervention Les fiches Chaque domaine résumé sur une carte beige, sa photo à gauche, son titre en vert.
  • Détail du site Maître Fontaine : les cartes numérotées Détail du site Maître Fontaine : les cartes numérotées
    Sur le site · Les compétences Les cartes numérotées Cinq domaines numérotés de 01 à 05, chacun sur une carte cerclée d’un filet, à lire d’un coup d’œil.
  • Détail du site Maître Fontaine : les vignettes Détail du site Maître Fontaine : les vignettes
    Sur le site · L’accès aux domaines Les vignettes Quatre domaines, quatre photos ; le nom de chacun posé sur une pilule dépolie, avec sa flèche.
  • Détail du site Maître Fontaine : le panneau des repères Détail du site Maître Fontaine : le panneau des repères
    Sur le site · À propos Le panneau des repères Formation, pédagogie, expérience, approche : six repères sur un panneau beige aux angles arrondis, sous trois photos du métier.
  • Détail du site Maître Fontaine : le formulaire Détail du site Maître Fontaine : le formulaire
    Sur le site · Contact Le formulaire Le portrait, le cabinet, la place d’Arras, et le formulaire à côté : on sait à qui l’on écrit.
  • Détail du site Maître Fontaine : les modes de calcul Détail du site Maître Fontaine : les modes de calcul
    Sur le site · Les honoraires Les modes de calcul Forfait, temps passé, aide juridictionnelle : chaque mode a son paragraphe et son image, en alternance.

03 La visite

Visitez le site, page par page

Choisissez une page : elle s’affiche en entier, sur ordinateur et sur téléphone. Faites défiler chaque écran pour la parcourir.

Page à afficher
Accueil du site Maître Fontaine sur ordinateur, capture de la page entière
Accueil du site Maître Fontaine sur téléphone, capture de la page entière

Accueil. Le portrait, la présentation du cabinet, puis les quatre domaines en vignettes.

Domaines du site Maître Fontaine sur ordinateur, capture de la page entière
Domaines du site Maître Fontaine sur téléphone, capture de la page entière

Domaines. Les quatre domaines d’intervention, chacun résumé sur sa carte.

Un domaine du site Maître Fontaine sur ordinateur, capture de la page entière
Un domaine du site Maître Fontaine sur téléphone, capture de la page entière

Un domaine. Droit de la famille : le bandeau de trois images, puis chaque procédure expliquée sous son titre vert.

Honoraires du site Maître Fontaine sur ordinateur, capture de la page entière
Honoraires du site Maître Fontaine sur téléphone, capture de la page entière

Honoraires. Comment sont fixés les honoraires : forfait, temps passé, aide juridictionnelle.

À propos du site Maître Fontaine sur ordinateur, capture de la page entière
À propos du site Maître Fontaine sur téléphone, capture de la page entière

À propos. Le parcours en six repères, les compétences numérotées, puis les questions fréquentes.

Contact du site Maître Fontaine sur ordinateur, capture de la page entière
Contact du site Maître Fontaine sur téléphone, capture de la page entière

Contact. Le portrait et les photos du cabinet à côté du formulaire de rendez-vous.

Portrait de Maître Fontaine dans son cabinet
Maître Fontaine à son bureau
Portraits réalisés par Wasabi Web Design

Photographie

Les portraits sont de moi aussi

Un site d’avocat repose sur la confiance, et la confiance passe par un visage. Maître Fontaine a ajouté une séance de portraits corporate à la création de son site : des photos prises sur place, dans son cabinet, plutôt qu’une banque d’images que l’on retrouve sur mille autres sites. C’est ce portrait qui accueille aujourd’hui ses visiteurs.

  • Séance sur le lieu de travail
  • Retouche et optimisation pour le web
  • Une image cohérente avec le site
La photographie corporate

04 Méthodologie

L’approche en 5 étapes

  1. Cadrage

    Domaines d’intervention, ton, obligations de la profession.

  2. Maquette

    Une identité sobre et rassurante, pensée pour le mobile.

  3. Dev

    Site sur mesure Etch et Automatic.css, sans builder lourd.

  4. SEO local

    Une page par domaine, ciblage sur le bassin d’Arras.

  5. Lancement

    Mise en ligne, suivi et mises à jour du contenu.

Très satisfaite de mon site internet ! Une agence disponible, réactive et efficace. Et surtout attentive aux besoins des clients. Merci pour votre travail.

Maître Clotilde FontaineAvocate au barreau d’Arras

Ouvert à de nouveaux projets

Et si c’était votre cabinet ?

Parlez-moi de votre activité : je vous envoie sous 48 h un devis gratuit et des recommandations concrètes pour vous lancer.

SébastienFondateur de Wasabi Web Design, à Arras