Khristiyanski tsentar Sofia est une église située à Lyulin, avec un culte dominical, un ministère pour les enfants, deux écoles bibliques et des groupes de maison. Ils voulaient un site qui ne ressemble à aucun autre site d’église en Bulgarie et qui permette aux visiteurs de faire un don par carte sans avoir à recopier un IBAN.
C’est le site le plus complexe que nous ayons réalisé dans cette catégorie, pour trois raisons distinctes.
La première, c’est la page d’accueil. Au lieu d’un menu en haut, elle présente une photo des pasteurs en pied, entourés de six boutons ronds : Famille, Équipe, Écoles bibliques, En savoir plus, Faire un don et Donner sa vie. Le cercle est la forme la plus ingrate du web design, car il ne se comporte pas comme un rectangle lorsque la taille de l’écran change. Les six cercles devaient entourer une personne sur la photo, ne pas la cacher, ne pas se chevaucher et rester aussi lisibles sur téléphone que sur un écran large. Nous les avons donc retravaillés plus souvent que toute autre partie de la page. En dessous, nous avons ajouté un compteur qui calcule automatiquement le temps restant avant le prochain culte.
La deuxième raison concerne les dons. Nous n’avons pas simplement ajouté un bouton renvoyant vers une plateforme tierce : nous avons développé notre propre API, avec Node et PostgreSQL, séparée du site. Le donateur choisit entre un don ponctuel et un partenariat, ce dernier pouvant être mensuel ou hebdomadaire, il s’agit donc d’un abonnement Stripe, et non d’un paiement unique. Chaque paiement n’est enregistré dans la base qu’après confirmation de Stripe par webhook, et non lorsque le navigateur revient sur la page de remerciement, car le navigateur ment. Stripe envoie volontairement le même webhook plusieurs fois ; chaque événement est donc enregistré par identifiant et les occurrences suivantes n’écrivent rien : aucun don en double ne peut apparaître. Le deuxième paiement et tous les suivants d’un partenariat mensuel arrivent sous forme de facture, et non d’une nouvelle session, et sont stockés dans leur propre table. Les personnes qui préfèrent le virement bancaire voient le titulaire du compte, la banque, l’IBAN et le BIC sur la même page, et peuvent copier le numéro d’un simple toucher.
La troisième raison, c’est le design. Il n’y a ni modèle acheté ni mise en page répétitive : chacune des dix-sept pages a été conçue séparément, avec ses propres couleurs et sa propre structure. L’école « Pistis » propose des questions-réponses, la page des dons comporte quatre déclarations de don, et le ministère pour les enfants, les groupes de maison, l’équipe et les prédications ont tous une apparence complètement différente. Le site a été mis en production sur ccsofia.com en septembre 2026.
Après la mise en ligne, nous avons également réalisé une optimisation GEO : le site est une application Vue et chaque page renvoyait zéro mot à un bot qui n’exécute pas JavaScript, c’est-à-dire aux bots de ChatGPT, Claude et Perplexity. Nous avons développé une génération au build qui ouvre chaque route dans un navigateur et enregistre le HTML final. Les dix-sept pages sur dix-sept sont désormais lisibles par les moteurs de recherche IA.
En octobre 2026, nous avons également ajouté une CMS propriétaire. L’église voulait pouvoir modifier elle-même les horaires des cultes, l’adresse, les photos de l’équipe et les événements à venir, sans devoir nous contacter pour chaque changement. Jusqu’alors, la version anglaise était en outre une traduction automatique qui ne fonctionnait pas. Notre seule exigence était que le design et le HTML du site restent identiques au pixel près. Nous avons installé Directus sur la même base de données et décrit l’ensemble du site comme du contenu : 71 collections, chaque page avec ses propres champs, les listes d’événements, de responsables, d’écoles et de matières, ainsi que la traduction de chaque champ textuel dans les deux langues.
L’éditeur est visuel : l’équipe ouvre le site dans le panneau d’administration, sélectionne un texte, une heure ou une photo, voit apparaître un crayon, effectue la modification et appuie sur « Enregistrer ». Environ deux minutes plus tard, le site est reconstruit, le HTML statique pour Google et les moteurs de recherche IA est à nouveau généré et la modification est en ligne, sans que nous ayons à intervenir. Les prédications continuent d’arriver automatiquement depuis YouTube et peuvent être masquées d’une simple coche. L’anglais est désormais une véritable traduction, et non une traduction Google, et se modifie depuis le même endroit.
Nous avons accordé au client l’accès minimal nécessaire : un rôle « Éditeur » qui ne voit que l’éditeur visuel, six listes et son propre profil, sans accès aux dons, aux utilisateurs ni aux paramètres. Mot de passe d’au moins 12 caractères, délai en cas de tentative de connexion incorrecte, téléversement limité aux images et aux PDF. Avant la mise en ligne, nous avons comparé automatiquement le DOM des 17 pages avant et après l’ajout du panneau : il était identique.
