Projet client
Un site de paroisse
fait pour servir.
Nous avons conçu et développé un nouveau site web pour la Paroisse Saint-René-Goupil, à Montréal, qui réunit les horaires, les événements, les services et la vie communautaire de la paroisse au même endroit : clair pour les visiteurs, et simple à tenir à jour pour les personnes qui s’en occupent.
- Client
- Paroisse Saint-René-Goupil
- Lieu
- Montréal, Québec
- Rôle
- Conception et développement
Le besoin
Un site qui fonctionne encore
dans un an.
Un site de paroisse ne s’adresse pas à un seul public. C’est une poignée de personnes qui arrivent avec des questions assez différentes, et la plupart décideront en quelques secondes si le site va y répondre.
Et presque tout ce qu’elles viennent chercher change. Les heures de messe bougent autour des célébrations spéciales, les événements passent, les photos sont remplacées, les annonces s’ajoutent. Un site qui n’aurait bien paru que le jour du lancement aurait été la mauvaise chose à construire.
- Quelqu’un qui vérifie une heure de messeVeut un horaire fiable avant de monter dans l’auto.
- Quelqu’un qui cherche un événement à venirVeut savoir ce qui se passe dans la paroisse, et quand.
- Quelqu’un qui vient pour la première foisVeut savoir à quoi s’attendre avant d’entrer.
- Quelqu’un qui doit joindre le secrétariatVeut les coordonnées et les heures d’ouverture du secrétariat.
- Quelqu’un qui explore la vie paroissialeVeut voir les services, la communauté et la friperie.
De l’information à un site
Tout ce que fait la paroisse,
au même endroit.
Avant de dessiner la moindre page, il fallait classer le contenu pratique en sections qui correspondent à la façon dont les gens le cherchent vraiment — séparer ce dont a besoin un visiteur de passage de ce dont a besoin un paroissien régulier, et donner aux horaires et aux événements leur propre espace au lieu de les enterrer dans une page d’information générale.
C’est devenu une page d’accueil avec ce qui s’en vient, puis les horaires, les événements, l’histoire de la paroisse, un guide pour une première visite, la vie paroissiale et les services, la friperie Au Coin de l’Entraide, et les coordonnées — chacun avec assez d’espace pour être lu correctement plutôt que tassé dans une barre latérale.
Deux de ces sections portent l’essentiel du poids. Les horaires, c’est la page que les gens consultent avant de partir de la maison : elle doit paraître à jour et dire quand elle l’a été. Les événements ont besoin d’espace pour respirer à mesure que des choses s’ajoutent, puis passent.
Après la livraison
La paroisse n’a pas besoin de nous
pour changer une date.
C’est l’exigence qui a façonné le plus de décisions. Un secrétariat de paroisse ne devrait pas avoir à écrire à un développeur parce qu’une heure de messe a changé ou qu’un nouvel événement est annoncé, et il ne devrait pas avoir à apprendre un outil technique pour l’éviter.
Le texte, les images et les événements du site vivent donc dans un système de contenu que la paroisse peut ouvrir elle-même. La modification fonctionne comme on l’espère : on regarde la page, on clique sur ce qu’on veut changer, on le change, et on publie.
- 01
Ouvrir la page
L’éditeur montre le site tel que les visiteurs le voient, pas un mur de champs.
- 02
Cliquer sur le texte
Sélectionner un élément de la page ouvre exactement le champ qui se trouve derrière.
- 03
Publier
Le changement part en ligne tout seul. Personne n’a rien à lancer.
Les brouillons peuvent être révisés sur une copie privée du site avant toute publication, ce qui permet de vérifier un changement en contexte plutôt que de le deviner. Dessous, le contenu est structuré — un événement a toujours une date, un horaire a toujours ses heures — et c’est ce qui empêche le site de se déformer à mesure que les gens l’enrichissent au fil des années.
Comment ça a été construit
Des choix faits pour
ce genre de site.
Chaque technologie a été choisie pour la même raison pratique : elle convenait à un site communautaire riche en contenu qu’une petite équipe doit garder à jour.
Le design suit la même logique. Il est chaleureux et réfléchi, avec de vraies photos de l’église et un style typographique qui convient à une paroisse plutôt qu’à une entreprise de logiciel. Chaque section partage le même ensemble de typographie, d’espacement et de couleurs, et c’est ce qui permet à un site de cette taille de rester un seul lieu.
Astro
Un cadre pensé pour le contenu
Le site est surtout fait de textes et d’images : il est construit pour se charger comme des pages finies, pas comme une application que le visiteur doit attendre. Les parties interactives ne sont ajoutées que là où elles le méritent.
Sanity
Le système de contenu
Les textes, les images, les événements et le contenu des pages vivent quelque part que la paroisse peut atteindre sans toucher au code. C’est structuré : un événement est toujours un événement, et rien ne dépend de se souvenir de la façon dont une page a été montée.
TypeScript
Du code typé
Le contenu obligatoire est vérifié pendant la construction du site, ce qui permet d’attraper des problèmes comme une date manquante avant qu’ils apparaissent en ligne.
Tailwind CSS
Le système de design
Un même ensemble cohérent de typographie, d’espacement et de couleurs sur chaque page : c’est ce qui garde l’impression d’un seul lieu sur un site qui compte autant de sections.
Cloudflare Pages
Hébergement et publication
Publier un changement reconstruit et déploie le site tout seul. Personne n’a à lancer quoi que ce soit à la main pour qu’une mise à jour apparaisse.
Travailler avec la paroisse
La première version
n’est jamais la dernière.
Une bonne partie de ce dont le site avait besoin n’est devenue claire qu’une fois qu’il y a eu quelque chose de réel devant les yeux. Des photos ont été remplacées par de meilleures. Les formulations ont été affinées par les gens qui connaissent vraiment la paroisse. Certaines sections comptaient plus qu’on l’avait supposé et sont remontées ; d’autres étaient plus simples que prévu. L’expérience de modification a été ajustée une fois qu’on a vu comment elle serait vraiment utilisée.
Que les besoins se précisent en cours de route fait partie du travail avec un organisme. Comme le contenu avait été organisé avant que les pages soient construites, le site a pu absorber ces changements sans transformer chacun d’eux en refonte.
Livré
En ligne, et
entre les mains de la paroisse.
Le site est en ligne. Les horaires, les événements, la vie paroissiale, la friperie et les coordonnées se retrouvent dans une seule expérience cohérente qui fonctionne aussi bien sur un téléphone que sur un ordinateur, et la paroisse peut la tenir à jour sans appeler personne.
Ce que le projet a demandé
Un projet comme celui-là ne se résume pas au nombre de technologies utilisées. Il s’agit d’arriver à quelque chose de façonné autour de la façon dont l’organisme communique vraiment — et de le laisser dans un état où il peut continuer sans nous.
Design
Un langage visuel qui convient à une paroisse — chaleureux et réfléchi, pas corporatif.
Développement frontend
Une douzaine de types de pages qui restent cohérents et fonctionnent sur un téléphone.
Architecture de contenu
Décider ce qui compte comme un événement, un service ou un horaire avant de construire les pages.
Intégration CMS
Relier ces structures à un éditeur que la paroisse peut vraiment utiliser.
Déploiement
Un chemin de publication qui roule sans personne devant un terminal.
Travailler avec un client
Ajuster le système à mesure que les vrais besoins se précisaient.
Si votre organisation a dépassé la façon dont son site fonctionne,
commencez par le problème.
Vous n’avez pas besoin d’arriver en sachant ce qui devrait le remplacer. Dites-nous ce qui vous nuit et nous trouverons la suite ensemble.