Rendre un accompagnement lisible pour ceux qui lisent le moins facilement.

Une praticienne qui démarre, un métier que personne ne connaît, et un site qu'elle n'avait pas réussi à faire seule.

Rendre une activité visible avant même qu'elle existe.

Béatrice Gouts Bourjac est graphothérapeute indépendante : elle accompagne la rééducation de l'écriture. Son activité libérale se lance officiellement le 1^er octobre 2026, avec une prospection active à partir du 15 septembre. Le site n'accompagne donc pas une activité existante — il la précède.

Elle avait déjà tenté de construire ce site seule, sans y parvenir. Sa demande initiale, formulée au premier échange, tenait en trois points : un site simple, facile à mettre à jour, et qui lui ressemble. Une référence citée en exemple. Pas de e-commerce. Un objectif unique et assumé : un formulaire de contact qui amène des demandes.

Ce que la demande disait vraiment

La demande exprimée portait sur un site. Le besoin réel portait sur autre chose : la crédibilité d'une praticienne inconnue, dans un métier non réglementé, face à deux publics qui ne cherchent pas la même chose.

• Des parents — inquiets pour un enfant, souvent après un parcours médical déjà long.
• Des structures médico-sociales — EHPAD, établissements accueillant des personnes en situation de handicap, qui évaluent une prestataire.

Dans les deux cas, une même exigence : la clarté de l'offre devait être évidente au premier regard, pas au terme d'une lecture attentive.

Le défi de conception

Comment rendre lisible et crédible une pratique que le visiteur ne connaît pas, auprès de publics dont une partie a précisément des difficultés de lecture — et sans jamais franchir la ligne du discours médical, interdite à cette profession ?

Cinq contraintes posées avant la première maquette — et qui se contredisent en partie.

Décider ce qui n'est pas négociable, avant de dessiner.

Le projet a été cadré autour de cinq contraintes dures, toutes arrêtées avant la phase de conception. Aucune n'est arrivée en cours de route : la cinquième est sortie de l'entretien de cadrage, avant la première maquette.

Pourquoi ces contraintes se gênent entre elles

Une grande partie du travail a consisté à trancher ces tensions, pas à produire des écrans.

Objectifs d'expérience

• Comprendre en une phrase ce que fait une graphothérapeute.
• Distinguer immédiatement les prestations et leurs tarifs.
• Rassurer sur la légitimité sans afficher de scans de diplômes.
• Permettre la prise de contact sans formulaire intimidant.

Mots d'ordre donnés par la cliente

• Professionnel
• Humain
• Chaleureux
• Clair

Comprendre un métier qu'on ne connaît pas, avant de proposer quoi que ce soit.

Cinq sites, deux cibles, onze questions.

Benchmark

Analyse de cinq sites de praticiens graphothérapeutes, centrée sur trois axes : mécanismes de réassurance, présentation des offres, parcours du parent. Une analyse dédiée de la référence citée par la cliente lui a été envoyée — moins pour valider son goût que pour nommer ce qui, dans ce site, fonctionnait réellement.

Cartographie des deux cibles

Le parcours du parent, page par page

La cible principale reste le parent — c'est son cheminement qui a guidé l'ordre des pages. Les structures médico-sociales suivent un chemin plus court, centré sur « Qui suis-je ? » et les certifications.

L'entretien de cadrage — deux heures

Une fiche de préparation en cinq sections avait été construite en amont : résumé vulgarisé des choix techniques, benchmark condensé, cartographie des cibles, onze questions avec cases à cocher, checklist de sept livrables. Les onze questions ont toutes été tranchées pendant l'appel.

Le FALC n'est pas une couche de style. C'est une contrainte qui remonte jusqu'au contenu.

Écrire pour être compris, pas pour bien écrire.

Les textes de départ venaient de la cliente : cinq documents — Pour qui, Qui suis-je, FAQ, affiche atelier, fiche contacts et tarifs. Ils étaient sincères, riches, et par endroits inutilisables tels quels. Deux problèmes distincts, traités différemment.

Un problème de conformité

Les textes contenaient du vocabulaire interdit à la profession — « patient », « levier thérapeutique ». Décision interne : retravailler en copy, sans le renvoyer à la cliente comme une erreur — puis lui soumettre la version réécrite, qu'elle a validée. Le résultat s'est vérifié à l'audit final : zéro occurrence de « patient », « diagnostic », « guérison » ou « pathologie » sur l'ensemble du site.

Un problème de lisibilité

Phrases longues, termes techniques non explicités, structures imbriquées. Le travail a été mené sur une liste numérotée de dix-neuf points, validée avec la cliente.

Geler explicitement six points a été plus utile que de tout simplifier. La cliente a pu accepter les treize autres reformulations parce qu'elle savait qu'on ne lui prendrait pas ses phrases.

Signal → Décision

Neuf pages, dont deux que personne ne lit — et qu'il faut quand même compter.

Une arborescence dictée par les questions du visiteur.

Deux arbitrages d'architecture

« Le coin des curieux »

Un sixième onglet proposé par la cliente elle-même : informations sur la graphothérapie, les fonctions cognitives, les études. C'est la seule section évolutive du site — et par conséquent la seule branchée sur le CMS. Le reste est figé volontairement.

La planche d'exercices

Initialement présentée en quatre vignettes, remplacée par une planche unique positionnée sous l'affiche « bonne posture ». Décision prise au retour de maquette : quatre vignettes fractionnaient une information qui se lit d'un seul tenant.

Compter les pages légales

Mentions légales et politique de confidentialité font partie des neuf pages. Elles représentent un travail réel — l'audit de conformité a mobilisé deux sessions — et restent pourtant invisibles dans une annonce commerciale du type « site six pages ».

C'est devenu une règle interne : les pages légales sont comptées et annoncées dans le nombre de pages.

Une identité douce, choisie par la cliente parmi quatre propositions — et contrainte par les seuils de contraste.

Valider la direction visuelle avant la première maquette.

Quatre directions couleur et typo ont été envoyées avec le devis, sous forme de PDF : A — Brun terre cuite, B — Kaki foncé, C — Rose poudré, D — Brun chaud & footer kaki. La cliente a retenu l'option C. Ce choix a ensuite été verrouillé : plus jamais rouvert pendant le projet.

Faire valider la direction visuelle avant de produire des maquettes a supprimé la boucle la plus coûteuse d'un projet de site vitrine — celle où l'on redessine tout parce que « ce n'est pas tout à fait ça ».

La palette livrée

Typographies : Source Serif 4 pour les titres, Plus Jakarta Sans pour le corps de texte.

En analysant les documents reçus de la cliente, on a découvert qu'elle disposait déjà d'une identité visuelle : logo, supports Canva, palette proche de l'option Sauge profond. La palette retenue a dû cohabiter avec cet existant plutôt que le remplacer.

Des animations sous contrainte FALC

Piste ouverte en cours de projet : ajouter des animations discrètes pour refléter la personnalité de la cliente, sans casser une UI volontairement fonctionnelle. Quatre partis pris ont été actés, chacun avec ses réglages.

Trois règles ont encadré l'ensemble :

• Aucune animation sur la navigation, les formulaires ou les tarifs.
• prefers-reduced-motion respecté partout — état final instantané, jamais de contenu masqué.
• Un filet de sécurité au scroll — le contenu sous la ligne de flottaison ne peut pas rester invisible.

Quand l'accessibilité tranche un choix esthétique

Les icônes de la section « Les intérêts de l'écriture » devaient utiliser les teintes terre et sauge sur un médaillon pêche. Mesure : 2,3:1 — sous le seuil de 3:1 exigé pour un élément graphique porteur d'information. La palette d'icônes a été restreinte à kaki, brun, olive.

Ce n'était pas un arbitrage de goût. C'était une mesure.

Le niveau visé n'était pas AA. Un site pour des personnes en difficulté d'écriture et des séniors ne pouvait pas viser le minimum.

WCAG AAA et FALC, tenus et mesurés.

Un standard interne posé dès le cadrage : toutes les cibles cliquables à 44 × 44 px, contre un minimum WCAG 2.2 de 24 × 24 px au niveau AA. Décidé avant la première maquette, appliqué partout.

Un premier audit sur prototype

Mené avant même la phase de maquettage, il a identifié deux défauts de structure — au-delà des contrastes, traités juste après.

Les contrastes mesurés, avant correction

L'audit a relevé treize contrastes sous le seuil AAA. En voici huit, mesure à l'appui. Aucun n'était visible à l'œil sans instrument — c'est précisément pourquoi ils se publient.

Méthode : Chromium en mode headless, lecture des styles calculés et ratios WCAG recalculés sur les neuf pages, en 1440 et 390 px, complétés par un test fonctionnel au clavier — navigation, accordéons, formulaire.

Le chantier complet

• Vingt-trois issues d'accessibilité closes sur vingt-sept.
• Zéro contraste sous 7:1 — le seuil AAA — contre treize avant l'audit.
• Lien d'évitement « Aller au contenu » sur les neuf pages, testé au clavier.
• Formulaire : autocomplete, aria-invalid, focus porté sur le premier champ en erreur puis sur la confirmation d'envoi.
• Accordéons FAQ et articles : aria-expanded synchronisé, chevron réparé.
• Hiérarchie de titres saine : un seul h1 par page, zéro saut de niveau.
• En-tête non collant sous 1024 px — la navigation ne tient sur une ligne qu'à partir de cette largeur ; en dessous, elle occupait 17 à 31 % de l'écran.
• Lignes ramenées sous le seuil AAA de 80 caractères — vingt-huit blocs le dépassaient.

Corriger par les jetons, pas par les occurrences

Les contrastes n'ont pas été rattrapés couleur par couleur. Trois jetons ont été ajoutés à la feuille de style — un brun terre plus foncé, un olive plus foncé, un rouge d'erreur — et les trois gris du footer ont fusionné en une seule valeur. Chaque correction reste réversible en une ligne, et la palette d'origine de la cliente n'a pas bougé.

Même logique sur les sigles : ils ont été traités par un attribut title sur l'abréviation. Aucune lettre du texte visible n'a été modifiée — la lecture reste celle que la cliente a validée, et l'explication arrive au survol comme à la lecture d'écran.

Une chose n'a rien coûté à ce chantier : 100 % des cibles cliquables étaient déjà à 44 × 44 px, et les anneaux de focus déjà conformes. Le standard posé au cadrage avait tenu tout seul pendant les deux mois de conception. C'est la démonstration la plus concrète de ce que change une contrainte écrite dans le brief plutôt que vérifiée à la fin.

La recette finale a repassé les pages en desktop, mobile et 320 px : zéro erreur console, zéro échec de contraste, zéro saut de niveau de titre.

Une activité non réglementée expose la praticienne. Le site pouvait aggraver ce risque ou la protéger.

Auditer ce qu'on s'apprête à publier en son nom.

Un audit complet des mentions légales et de la politique de confidentialité a été mené avant la réception des contenus définitifs : vingt-deux points vérifiés sur sources officielles — LCEN art. 6 III, art. L616-1 du code de la consommation, doctrine CNIL, statut d'hébergeur, sous-traitance.

Résultat : conforme sur dix-huit des vingt-deux points. Ce qui était déjà bon : base légale d'intérêt légitime, champ facultatif signalé, absence réelle de cookies, clause « nature de l'activité » qui protège contre le risque d'exercice illégal de la médecine, et vocabulaire réglementé impeccable sur tout le site.

Deux arbitrages ont été actés au passage : conservation des données fixée à douze mois partout — la piste de trois ans aurait créé un écart entre le texte du formulaire et la politique — et base légale d'intérêt légitime, définitive, sans case à cocher.

Deux erreurs rattrapées avant publication

« Certifiée par la fédération »

Une allégation inexacte. La fédération dont la cliente est adhérente n'est pas son organisme certificateur — sa certification vient d'un organisme distinct. Les deux mentions devaient rester séparées.

« Aucune donnée personnelle stockée »

Présent dans un brouillon de mail, cet énoncé contredisait la politique de confidentialité qu'on s'apprêtait à publier — conservation douze mois. Corrigé avant envoi.

Un effet secondaire commercial

L'audit a réduit les points bloquants côté cliente de trois à un. Le SIRET, initialement traité comme bloquant, a été rétrogradé : publier un site sans SIRET est admis, c'est l'encaissement sans immatriculation qui ne l'est pas. Le seul point restant — l'adhésion à un médiateur — bloquait sa première séance facturée, pas la mise en ligne.

La conséquence est directe : la livraison ne dépendait plus d'elle.

Vous exercez dans une activité non réglementée et votre site vous inquiète sur ce point ? Écrivez-moi — on regarde ensemble ce qui vous expose.

L'autonomie était une exigence dure. Elle a piloté le choix technique, pas l'inverse.

Un site statique, une seule zone éditable.

Stack retenue : hébergement statique, CMS léger pour l'édition, service tiers via un worker pour le formulaire de contact. Le choix a été arrêté avant la phase de conception, sur un unique critère — la cliente peut-elle publier seule ? Une alternative populaire a été écartée explicitement : son plan gratuit plafonne les déploiements, avec un risque de suspension déjà rencontré sur un autre projet.

Le périmètre d'autonomie, volontairement étroit

Le CMS n'est branché que sur « Le coin des curieux ». Le reste du site est figé.

C'est une décision, pas une limite technique. Donner accès à tout aurait exposé une structure FALC et des seuils de contraste durement obtenus à une réécriture involontaire.

Un périmètre étroit et documenté vaut mieux qu'une autonomie totale qu'on n'ose pas utiliser.

Le garde-fou

Le site est généré par un pipeline maison — parse, context, render, generate — déclenché par une seule commande. Une règle a été codée en dur après un incident évité de justesse : le build refuse de publier si le formulaire de contact a disparu de la source.

Le contexte de cette règle : sept éléments, dont le formulaire, n'existaient que dans le fichier généré et pas dans la source. Une régénération les aurait effacés silencieusement.

Un dernier détail d'infrastructure mérite d'être noté, parce qu'il ne produit aucun message d'erreur : un enregistrement DNS ajouté par défaut par le registrar empêchait la validation du domaine chez l'hébergeur. HTTPS actif et vérifié avant la livraison.

Livrable de passation : un mémo « Publier un article » en cinq étapes, transmis avant le départ en congés de la cliente.

Ce qui a été livré, ce qui a été mesuré — et ce qui ne l'a pas été.

Résultats et enseignements.

Livré deux jours avant la deadline contractuelle, et deux jours avant le départ en congés de la cliente.

↳ Accueil, Prestations, FAQ — en-tête non collant sous 1024 px, lignes plafonnées à 62 caractères.

Le retour de la cliente

Ce qui n'a pas été mesuré

Aucune donnée d'usage n'est disponible à ce stade. Le site a été mis en ligne avant le lancement effectif de l'activité, et la prospection de la cliente ne démarrait qu'à la mi-septembre.

Un standard interne, né d'un projet où la lisibilité n'était pas un confort.

Un site qui n'exclut personne, y compris ceux qui lisent mal.

Le point de départ n'était pas esthétique. Une praticienne inconnue, dans un métier non réglementé, devait convaincre à la fois des parents inquiets et des structures qui évaluent une prestataire — auprès d'un public dont une partie a des difficultés de lecture.

La réponse n'a pas été d'ajouter des arguments. Elle a été d'enlever tout ce qui pouvait faire décrocher : les phrases longues, les termes non expliqués, les contrastes trop faibles, les cibles trop petites, les mentions inexactes.

Ce qui a changé pour la cliente :

• Un site en ligne avant le lancement de son activité, et non après.
• Une zone qu'elle édite seule, sans intervention technique.
• Une conformité légale traitée en amont, qui ne bloque plus sa première facturation.

Ce projet a fixé un standard interne : sur un projet santé ou care, le FALC et le niveau WCAG AAA sont posés dès la conception, jamais ajoutés en correctif.

Concevoir pour ceux qui lisent le moins facilement ne dégrade l'expérience de personne. Cela oblige seulement à décider plus tôt ce que le site doit dire.

CARYON — UX / Product Design