Refonte du site d'une association de la Baie de Somme

Ce que publie l’association

L’association Pour le Littoral Picard et la Baie de Somme siège à Saint-Valery-sur-Somme. Fondée en 1978, agréée pour la protection de l’environnement depuis 1994, elle documente son territoire : les marées, le recul du trait de côte, le patrimoine maritime, les blockhaus du Mur de l’Atlantique que la mer emporte peu à peu.

Ce qu’elle publie tient rarement en une page. Ce sont des dossiers illustrés, complétés sur plusieurs années, qu’un lecteur doit pouvoir retrouver longtemps après leur mise en ligne. Le nouveau site, Le littoral picard et la Baie de Somme, a été dessiné à partir de cette contrainte.

Une arborescence qui encaisse les dossiers longs

Chaque rubrique accepte des dossiers de plusieurs pages et affiche un sommaire construit à partir des pages qu’elle contient. Publier une page la fait apparaître dans ce sommaire. Aucune liste de liens n’est tenue à la main, donc aucune ne se désynchronise du contenu réel.

C’est ce qui décide de la durée de vie d’un site associatif. Les entrées de menu recopiées à la main survivent aux deux premières années, rarement aux suivantes.

Un thème WordPress développé pour ce site

Le site tourne sous WordPress, avec un thème écrit pour lui plutôt qu’un gabarit du commerce. Un gabarit impose sa structure de page, et les besoins qui en sortent se paient ensuite en extensions ajoutées les unes sur les autres, chacune avec ses mises à jour et ses appels réseau.

La direction artistique est celle d’un carnet de terrain. Photographie aérienne en pleine page. Le texte de dossier est composé en Spectral, romain et italique ; les surtitres en IM Fell English ; l’interface en DM Sans. La palette est décrite en oklch et nommée d’après le territoire : encre, brume, écume, parchemin, mer.

Ce que l’association modifie elle-même

La page d’accueil s’assemble dans l’éditeur de WordPress. Les éléments qui la composent — bandeau d’ouverture, introduction, cartes de rubrique, bandeau d’actualités, liste des publications — sont des blocs Gutenberg écrits pour ce site. Ils s’insèrent, se déplacent et se remplissent comme les blocs natifs, dans la même interface, sans intervention sur le code.

La bibliothèque des bulletins de l’association se construit à partir de la médiathèque : un PDF déposé apparaît dans la liste, avec les précédents.

Ce que le site envoie à l’extérieur

Le site n’installe pas de mesure d’audience. Les polices sont servies depuis le domaine et non depuis Google, ce qui retire le seul appel vers un tiers présent sur toutes les pages. Le site ne dépose donc aucun cookie de lui-même.

Les vidéos YouTube d’une des pages en déposent, elles. Elles restent bloquées tant que le visiteur n’a pas accepté. La bannière qui le lui demande est dessinée dans la charte du site, et le bouton de refus a le même poids que celui d’acceptation. Une page « Données personnelles » énonce ce qui est collecté, par qui, et pour combien de temps.

Ces relevés ont été faits page par page, au navigateur sans interface : requêtes vers des domaines tiers, cookies déposés avant et après interaction.

Du local à la mise en ligne

Développement en local sous Docker, préproduction sur un VPS, puis recette chez l’hébergeur du client avant l’ouverture au public, sur la machine définitive avec sa version de PHP et ses réglages. La base de données est sauvegardée avant chaque livraison.

Intervenir dans la Somme

Je suis basé à Amiens et j’interviens dans la Somme et les Hauts-de-France, pour des associations, des communes et des entreprises. Sur un projet de territoire, connaître le terrain change la lecture des contenus : on sait ce que sont les mollières, ce qu’implique un chenal qui se déplace, pourquoi un blockhaus qui bascule mérite un dossier.

Pour un site à refondre ou à reprendre, le détail de la prestation est sur la page Site web & CMS.