N° 10 / 10

Projet Abundantia Deux sujets intimes, expliqués sans jargon.

Client
Projet Abundantia
Période
2026
Nature
Site vitrine · Générateur statique · Gestion interne
Lire le cas

En bref

Le site d'un accompagnement individuel et pédagogique, à distance, sur deux sujets : détenir soi-même une part de son épargne et protéger ses données personnelles. Quinze pages générées depuis un seul fichier de contenu, dans une direction artistique de musée romain au crépuscule. Le site ne dépose aucun cookie. Derrière, une application de gestion interne réunit les demandes de rendez-vous, les clients, les séances et les factures.

  • 15 pages générées depuis un seul fichier
  • 3 rôles contrôlés côté serveur dans la gestion
  • 0 cookie déposé

01Contexte

Le défi.

Jonathan lançait une activité d'accompagnement sur deux sujets intimes, l'argent et les données personnelles, auprès d'un public souvent néophyte et inquiet, sans notoriété ni témoignages. Le site devait inspirer confiance, expliquer sans jargon et appliquer lui-même ce qu'il défend en matière de confidentialité. La première version, amorcée en juillet, présentait des défauts de contraste et de structure, et la demande de rendez-vous ouvrait un simple courriel pré-rempli, sans suivi.

Fig. 01 La page « Pourquoi » : des faits datés, sourcés et étiquetés par statut.

02Notre approche

L'approche.

Nous avons repris le cadrage avec Jonathan, audité le site en ligne et corrigé le jour même les défauts mesurables : contraste, hiérarchie des titres, longueur des titres de pages. Nous avons ensuite refait la direction artistique : fond anthracite, or patiné, sections crème, peintures numériques produites sous une charte commune. Tout le texte vit dans un seul fichier et un script Node sans dépendance génère des pages lisibles sans JavaScript. Le premier échange de vingt minutes se demande via un court questionnaire qui compose un courriel, sans rien stocker sur le site. La gestion interne, en SvelteKit et SQLite, relève ces demandes toutes les dix minutes.

03En images

En images.

1 figure

Fig. 02 La colonnade des trois piliers, sur la page d'accueil. (Textes des cartes masqués par nos soins.)

04Défis techniques

La complexité, en détail.

  1. Une direction artistique de musée

    Fond anthracite, or patiné, sections crème en alternance et colonnes ioniques au-dessus des trois piliers. Les peintures suivent une charte commune : palette stricte, ni texte ni visage dans l'image.

  2. La page « Pourquoi » dans la nouvelle charte

    Les 18 faits réunis par Jonathan, en trois volets, gardent chacun leur date, leur source et une étiquette de statut : fait avéré, cadre en vigueur ou projet en discussion. Nous les avons repris dans la nouvelle direction artistique.

  3. Un rendez-vous demandé par courriel

    Vingt minutes offertes et quatre questions à choix sur le sujet et l'aisance du visiteur, aucune sur ses montants. Le bouton compose un courriel dans la messagerie du visiteur : le site lui-même n'envoie et n'enregistre rien.

  4. Une gestion interne verrouillée

    Demandes relevées automatiquement dans la boîte de contact, clients, séances et factures à numérotation continue. Trois rôles contrôlés côté serveur, double authentification obligatoire pour ceux qui voient les clients, journal de chaque écriture.

05Résultat

Le résultat.

La gestion interne relève les demandes de rendez-vous toutes les dix minutes et réunit clients, séances et factures, avec trois rôles contrôlés côté serveur, une double authentification obligatoire pour ceux qui voient les clients et un journal de chaque écriture.

Conception et développement
JF Agency

Captures du Projet Abundantia