Fondation Groove

Site bilingue d'une fondation montréalaise, avec gestion de contenu intégrée

Le site officiel d'un organisme montréalais qui met la danse au service de l'inclusion et du mieux-être. Il est bilingue et son contenu se modifie depuis une console d'administration, sans développeur.

Nature
Site
Secteur
Organisme à but non lucratif
Notre rôle
Conception, développement
Période
2026
État
En ligne

Le besoin de départ

La fondation voulait structurer et faire connaître son engagement : sa mission, ses programmes, les interventions déjà réalisées, les témoignages. Le site devait recueillir des messages, des demandes d'intervention, des inscriptions à l'infolettre et des intentions de don, en français et en anglais. Il devait surtout rester modifiable par une petite équipe non technique. Comme l'organisme est établi au Québec, la Loi 25 sur les renseignements personnels s'applique aux données recueillies.

Ce que nous avons construit

Nous avons conçu la maquette, développé le site en Next.js et construit un système de gestion de contenu sur Supabase. Chaque élément visible (diaporama, valeurs, programmes, témoignages, page de don, navigation) se modifie dans les deux langues depuis la console d'administration, et le site public se met à jour après chaque modification. Les droits d'administration sont vérifiés à deux endroits indépendants : dans la base, par des règles sur chaque table, et sur le serveur, en tête de chaque action. La base et les fichiers sont hébergés à Montréal, et la mesure d'audience reste inactive tant que le consentement n'est pas recueilli. Les en-têtes de sécurité et la page d'erreur sont couverts par des tests de bout en bout.

2langues, français et anglais
13migrations de base de donnéesaoût 2026

Fonctionnalités

Accueil éditorial

Diaporama, valeurs, mot de la fondatrice, trois programmes, réalisations, témoignages et appel au don.

Page d'impact

Les interventions déjà réalisées par la fondation sont présentées sur une page dédiée.

Demande de service

Les établissements et les organismes remplissent un formulaire de demande d'intervention.

Page de don

Montants illustrés et intention de don. Le paiement en ligne n'est pas encore actif au 1er octobre 2026.

Infolettre avec consentement

Inscription avec consentement explicite et champ piège contre les robots.

Console d'administration

Éditeur de sections, listes éditoriales, médiathèque, réglages du site et boîtes de réception des demandes et des inscrits.

Référencement bilingue

Plan de site avec une entrée par langue, adresses canoniques et données structurées sur l'accueil.

L'intelligence artificielle dans le projet

Développement conduit avec un agent de code

Le plan de développement a été rédigé pour être exécuté par un agent de code, avec une mémoire de projet et un contrôle de sécurité de la base après chaque migration. Le site lui-même ne contient pas de fonction d'IA.

Technologies

Next.js 14ReactTypeScriptTailwind CSSSupabasePostgreSQLCloudflare PagesResendPlaywright

Services mobilisés

Un projet de cette nature ?

Décrivez votre activité, votre besoin et les personnes concernées. Nous préparons un premier échange à partir de là.