Étude de cas · Un site web, bâti ensemble
Ses mots, ses images, sa décision sur chaque page. De mon côté, on l'a bâti, et deux Claude nous ont gardés au même pas.
Isshaela Ingham écrit, donne des présentations, enseigne le Qigong et lit les cartes du ciel. En environ sept semaines, on est passés d'une première conversation à un site qu'elle gère et publie elle-même, cinquante versions plus tard, vérifié page par page selon la norme d'accessibilité à laquelle les organisations sont tenues.
Le point de départ
Isshaela et moi, on se connaît depuis longtemps. Quand on s'est assis ensemble le 26 août, elle n'était pas certaine de vouloir un site web. Pour elle, ça ressemblait à une vitrine de magasin, et son travail ne tient pas sur une tablette : l'écriture, le Qigong, l'astrologie, les présentations, des décennies de travail de marque, tout ça relié.
Alors je ne lui ai pas vendu un site. J'ai bâti une esquisse privée d'une seule page à partir de cet appel et je lui ai envoyé le lien. Pas pour la convaincre. Pour lui donner quelque chose à corriger. C'est une écrivaine, et quand une écrivaine a quelque chose contre quoi pousser, les vrais mots sortent. C'est ce qui est arrivé.
Un mois plus tard est venue la première vraie version : une seule page, du ciel jusqu'au sol, qui s'ouvre sur une éclipse qu'elle a photographiée en 2015 en regardant dans un étang plutôt que vers le soleil. Cette image dit comment elle travaille, et le site est né d'elle.
Août
Une esquisse privée, écrite à partir d'une conversation. Quelque chose à quoi réagir.
24 septembre, version 0.1.0
La première version. Une page, un seul défilement, sa propre photo en haut.
Octobre, version 0.1.48
Sept pages dans sa voix, à sa propre adresse, publiées par elle.
Notre façon de travailler
On travaille chacun avec notre propre Claude, l'assistant IA d'Anthropic. Le sien l'aide à écrire et à réviser; le mien m'aide à bâtir et à vérifier. Les deux peuvent modifier le site, alors il nous fallait une façon de laisser quatre paires de mains travailler sur la même chose sans jamais défaire le travail de l'autre.
Isshaela a mené la direction créative, écrit et révisé chaque page, pris et choisi les photos, et fait les choix de design. De mon côté, on a bâti le site et son allure, mis en place l'hébergement et apporté des idées.
Un seul fichier texte, tout en haut de son dossier partagé. Les deux Claude le lisent au début de chaque séance et y ajoutent une entrée datée à la fin : ce qui a changé, quels fichiers, la suite. Il s'ouvre dans n'importe quel outil, et chacun de nous peut le lire sur un téléphone.
Avant de toucher au site, chaque Claude lit le journal, part de la version la plus récente et ne refait jamais le travail de l'autre. Il écrit « je suis sur la version 0.1.N » avant de commencer et « terminé » à la fin. Chaque ronde est une nouvelle copie numérotée, alors rien ne se perd.
Chaque ronde est mise en ligne comme brouillon privé qu'elle peut ouvrir de partout. Les changements sont regroupés en une seule ronde et publiés une fois, ce qui garde les coûts d'hébergement bas et lui laisse le contrôle de ce que le monde voit.
Le site vit dans son propre compte d'hébergement, sur un domaine qui lui appartient. La mise en ligne, c'est toujours sa décision, et elle le fait elle-même.
Les notes vont dans la tâche qu'elles concernent, les fichiers vont directement dans son dossier, et les longs appels sont enregistrés, alors chaque décision peut être retracée : qui l'a dite, et quand.
« J'ai mené la direction créative, écrit et révisé chaque page, pris et choisi les photos, et fait les choix de design, de la mise en page et du logo jusqu'à la lanterne lunaire et la galerie, puis je l'ai publié et lancé moi-même. »
Avant et après
Avant, en août
Après, en octobre
La preuve
Quand le site lui a plu, Isshaela a demandé la liste qu'un architecte parcourt une fois la maison bâtie, parce qu'elle voulait qu'il respecte la norme avant qu'on le montre en exemple. Alors le 15 octobre, on a vérifié chaque page.
pages vérifiées, toutes, sur un téléphone de 320 pixels, un téléphone courant et un portable
lien ou image brisé, sur 85 liens
le contraste de texte le plus faible de tout le site, quand le seuil est de 4,5 : 1
On a mesuré selon les WCAG 2.1 niveau AA, la norme d'accessibilité à laquelle la plupart des organisations sont tenues. Chaque page est passée par axe, l'outil de vérification de référence, puis par une vérification à la main : clavier seulement, zoom à 400 %, espacement du texte élargi, lecteur d'écran, et appareils réglés pour réduire les animations.
Le site passait déjà la plus grande partie. Les quelques écarts trouvés, comme un lien « aller au contenu » manquant et un menu qui dépassait le bord des plus petits téléphones, ont été corrigés dans la version suivante, avec des photos plus légères pour les téléphones, un plan du site et une seule adresse claire pour Google.
Ça continue
C'est comme ça que j'aime bâtir : la personne derrière le site mène, et mon côté le rend réel, solide et facile à entretenir. Isshaela continue d'améliorer son site avec son propre Claude, et le Bridge nous garde au même pas chaque fois qu'on y travaille ensemble.
Visiter isshaela.com D'autres sites web D'autres études de cas
Commencez par une heure gratuite sur Zoom. Parlez-moi de votre travail, et on verra ce qu'il a envie de devenir.
Réserver une consultation gratuite