SPA de Grillon, un site et une administration pensés pour un refuge.

Le contexte

La SPA de l'Enclave des Papes accueille une centaine de chiens et de chats à Grillon, à la frontière de la Drôme et du Vaucluse. Son site était un WordPress alimenté depuis 2011, avec 831 fiches animaux et 592 articles accumulés, 7,2 Go de photos, et un dossier WP3 d'une version 3.1 toujours servi en ligne. Publier une fiche demandait de connaître WordPress, et personne au refuge n'avait le temps de l'apprendre.

Le cahier des charges de l'association tenait en une phrase : que les bénévoles puissent tout faire eux-mêmes. Mettre un animal en ligne avec ses photos, le passer en adopté, corriger un tarif de pension, changer une photo sur l'accueil. On a construit le site en PHP sur des fichiers plats, sans base de données, et on a passé plus de temps sur l'administration que sur le site public. C'est ce qui rend le projet différent des neuf autres de cette page.

L'approche

Chaque fiche animal est un fichier. Les listes, les compteurs et le bandeau des adoptés se calculent à l'affichage. L'administration, à /admin/, a été écrite pour ce refuge, pas adaptée d'un outil générique :

• Des comptes nommés, pas un mot de passe partagé. Un premier compte créé à la mise en ligne, et chaque bénévole reçoit le sien depuis l'onglet Comptes.
• Une fiche animal complète : galerie photo et vidéo avec vignettes, carte d'identité configurable (sexe, taille, au refuge depuis, stérilisé, identifié, vacciné, entente chiens, chats, enfants, marche en laisse), âge calculé automatiquement depuis la date de naissance, et un bouton « Marquer comme adopté » qui sort l'animal des listes et l'ajoute à la bande des adoptés de l'année.
• Un éditeur de texte maison, sans dépendance externe : gras, italique, listes, liens, images, vidéos, tableaux. Ce que le bénévole voit est ce que le visiteur verra.
• Chaque page modifiable en entier, bloc par bloc : texte, photos, encadrés, ordre des sections, adresse de la page et titre pour Google. Les 24 types de blocs du site sont décrits par un schéma, et le formulaire se construit tout seul à partir de ce schéma.
• Une médiathèque où chaque photo envoyée est déclinée en quatre largeurs WebP dès l'envoi, pour que le site reste léger sur un téléphone. Les 168 photos de départ pesaient 69,8 Mo et étaient servies en taille réelle jusque dans des vignettes de 74 pixels.
• Une archive de quinze ans, visible seulement depuis l'administration : les 1 449 pages et articles de l'ancien site, de 2011 à 2026, et 7 558 photos ramenées de 7,2 à 1,44 Go. Rien n'est perdu, rien n'encombre le site public.
• Menus, réglages et sauvegarde : le menu se réordonne depuis l'admin, le plan Google se cale sur la fiche de l'établissement, et une page Sauvegarde produit un zip complet du site à tout moment.

Le design est celui que l'association voulait. Elle nous a envoyé une maquette faite avec un outil d'IA, avec notre contenu et notre arborescence dedans. On en a relevé les couleurs, les espacements et les typographies, et on les a posés sur notre moteur, sans rien changer à la mécanique. Le site a ensuite été mesuré sur 27 pages et 13 largeurs d'écran, menu fermé puis déplié, soit 351 mesures, avant la livraison du 15 août 2026.

Ce qui a changé en cours de route

L'administration a été construite avec l'association, pas livrée d'un bloc. On a mis une première version entre ses mains dès le 14 août, sur une adresse de démonstration, et chaque retour a été traité le jour même. Le plus structurant : au départ, les bénévoles pouvaient modifier les fiches animaux et les principaux textes des pages. L'association a demandé plus, « pouvoir modifier réellement et complètement chaque page ». On a donc décrit chacun des 24 types de blocs du site dans un schéma, et le formulaire d'édition se construit à partir de ce schéma. Depuis, tout ce que le visiteur voit se modifie depuis l'admin, jusqu'à l'ordre des sections.

Deux autres ajustements venus du terrain. La carte d'identité des animaux avait un champ « force physique » en texte libre ; il est devenu « marche en laisse » à quatre états, parce que c'est ainsi que les bénévoles décrivent un chien. Et le plan d'accès interroge désormais Google par le nom du refuge plutôt que par des coordonnées, pour que la fiche de l'établissement pose le repère exactement où il faut. Le site a été mis en ligne une fois ces retours intégrés.

Côté visibilité

• Chaque animal a sa page, avec un titre écrit pour la recherche, « Bambi, un chaton à l'adoption », et les catégories visent « chiens à l'adoption à Grillon », « chats à adopter Vaucluse ». 143 adresses dans le sitemap au 12 septembre 2026, généré automatiquement depuis les fiches.
• Rien de l'ancien site n'a été perdu : le WordPress n'avait pas d'adresses lisibles, seulement des ?page_id=53. Chacune repart en 301 vers son équivalent, ou en 410 quand rien ne la remplace, jamais vers l'accueil.
• Le refuge est déclaré comme tel : données structurées AnimalShelter avec l'adresse et le téléphone, fil d'Ariane, image de partage par animal. Google et les moteurs de réponse savent ce qu'est le site et où il est.

L'enseignement

Une administration n'est pas un détail livré avec le site, c'est le site vu depuis l'intérieur. Si le bénévole ne peut pas changer une photo sans appeler l'agence, le site ne sera pas tenu à jour. Écrire un outil pour le métier du client coûte plus cher qu'installer WordPress, et c'est ce qui fait que les fiches sont tenues par le refuge, pas par nous.

Ce site a été offert au refuge. Le travail, lui, est exactement celui qu'on vend : un moteur léger, une administration écrite pour le métier du client, et des retours traités le jour même pendant la mise au point, du 14 au 22 août 2026, avant la mise en ligne.