Page d’accueil du site Les Oiseaux de Nuit sur ordinateur, de haut en bas : les trois oiseaux nocturnes bioluminescents, Suivez le regard bleu, programmation, actualités, genèse du collectif, engagements éco-responsables, partenaires, questions fréquentes et inscription aux nouvelles
La même page d’accueil sur téléphone, sur une seule colonne, avec le menu replié

En bref

70
bénévoles gérés lors de la première édition
500
billets émis par la plateforme
Billetterie, bénévoles, pointage
réunis dans un seul outil
Auto-hébergé
sauvegardé et chiffré chaque nuit

Pour le collectif

  • Un seul outil pour vendre les billets, recruter les bénévoles et les accueillir le jour J.
  • Des responsables de pôle autonomes, qui gèrent leur équipe depuis leur téléphone.
  • Un festival qui continue si le réseau tombe, grâce aux feuilles de secours en PDF.

Côté technique

  • Next.js, React et TypeScript en mode strict, PostgreSQL sans surcouche.
  • Plus d'une centaine de fichiers de tests ; le parcours du jour J est rejoué automatiquement.
  • Conteneurs sur mon serveur, sauvegardes chiffrées chaque nuit et copiées hors du site.

Sur le terrain

L’outil du jour J, sur téléphone

  • Application de pointage sur téléphone : bouton pour scanner un pass et compteurs des bénévoles sur place, manquants et absents
    Pointage : le responsable scanne les pass et voit d’un coup d’œil qui manque.
  • Espace bénévole sur téléphone : candidature validée, pièces vérifiées et pass bénévole
    Espace bénévole : candidature, documents vérifiés et pass, au même endroit.
  • Le site est en ligne : vous pouvez le parcourir tel qu’il fonctionne aujourd’hui.

    Visiter lesoiseauxdenuit17.fr

Le contexte

Les Oiseaux de Nuit est un collectif qui organise des soirées et des festivals de musique électronique en plein air en Charente-Maritime. Son parti pris : faire la fête dans des sites naturels en les respectant, avec un tri strict sur place, une scénographie réutilisable et des actions concrètes pour les rapaces nocturnes et la biodiversité locale.

Je suis l’un des cofondateurs. J’ai aussi pris en charge tout le numérique, du premier croquis au serveur. Ce n’est donc pas une commande client, mais le projet couvre l’ensemble de ce qu’un client peut me confier.

Les objectifs

Le collectif avait besoin d’un site pour se présenter. Mais l’essentiel du travail, c’est l’organisation du festival. Le site devait donc aussi devenir l’outil de travail de l’association :

  • présenter le collectif et annoncer la programmation ;
  • vendre les billets ;
  • recruter et planifier des bénévoles répartis en pôles ;
  • les accueillir et les nourrir le jour J.

La solution développée

La billetterie

  • Les billets s’achètent sur le site, avec une jauge par jour, et le paiement passe par HelloAsso.
  • Chaque participant reçoit un billet nominatif avec QR code, en PDF ou dans Google Wallet et Apple Wallet. Un billet peut être transféré gratuitement à quelqu’un d’autre.
  • Si une notification de paiement se perd, une resynchronisation de nuit rattrape la commande.

Les bénévoles et le jour J

  • Les candidatures arrivent en ligne. Les pièces justificatives sont rangées à part, accessibles aux seules personnes habilitées, et effacées après le festival.
  • Chaque candidat choisit deux pôles. S’il n’est pas retenu dans le premier, sa candidature passe au second, puis en liste d’attente.
  • Le planning signale les chevauchements de créneaux et prévient chaque bénévole par e-mail.
  • Le jour J, les responsables scannent les pass sur leur téléphone, voient qui manque et appellent un retardataire en un geste. Les repas sont scannés au comptoir, sans possibilité d’en prendre deux.
  • Si le réseau tombe, des feuilles de secours en PDF permettent de continuer sur papier.

L’administration

L’équipe gère elle-même les événements, la programmation, les actualités, les partenaires et la newsletter. L’accès est protégé par une double authentification obligatoire, par code ou par clé d’accès biométrique, et chaque responsable de pôle ne voit que son périmètre.

L’expérience utilisateur

Deux publics, deux usages. Les festivaliers découvrent le collectif sur ordinateur ou sur téléphone. Les bénévoles et les responsables, eux, se servent du site sur le terrain, parfois sans réseau.

  • Une ambiance de forêt la nuit, avec un décor en profondeur et des lucioles, qui se fige pour les personnes qui demandent moins d’animations.
  • L’agenda, les fiches des artistes avec un lecteur audio, et une page d’infos pratiques avec une carte des actions menées sur le terrain.
  • Un site installable sur téléphone et consultable même sans réseau, utile sur un site de festival en pleine nature.

L’architecture technique

Le site repose sur Next.js, React et TypeScript en mode strict, avec une base PostgreSQL interrogée sans surcouche, par des requêtes paramétrées. La structure de la base évolue par migrations versionnées, et le style est écrit à la main, sans framework.

Pour un outil dont dépend un festival, la fiabilité compte plus que tout. Plus d’une centaine de fichiers de tests automatisés couvrent les actions sensibles. Le parcours complet d’un bénévole et celui du jour J sont rejoués automatiquement sur une base de test, l’horloge figée à la date du festival. Chaque modification passe par ces vérifications avant d’être publiée.

Le référencement

Chaque page a ses propres titre, description et image de partage. Les événements, les artistes et l’association sont décrits en données structurées pour les moteurs de recherche, avec des plans du site et un flux d’actualités. Un fichier dédié présente aussi le collectif aux assistants d’IA qui parcourent le web.

L’hébergement

Le site tourne sur mon propre serveur, dans des conteneurs, derrière un reverse proxy qui renouvelle les certificats HTTPS tout seul. Un site de test séparé, avec un paiement en bac à sable, permet de tout vérifier avant la production. Pendant une mise à jour, une page de maintenance prend le relais.

Chaque nuit, la base et les documents sont sauvegardés, chiffrés, puis copiés sur un second appareil et hors du site, pour qu’un incident matériel ne fasse pas tout perdre.

Ce qui est vérifiable

  • Première édition du festival : 70 bénévoles gérés et 500 billets émis par la plateforme.
  • Le site est en ligne : vous pouvez parcourir la partie publique, la programmation et la billetterie.
  • Le pointage et l’espace bénévole présentés plus haut sont des captures de l’outil réel, utilisé par les responsables de pôle.
  • Les tests automatisés, les migrations et les sauvegardes décrits ci-dessus font partie du projet tel qu’il tourne aujourd’hui.

Ce que ça veut dire pour votre projet

Votre site n’a probablement pas besoin d’une billetterie ni d’une application de pointage. Mais vous profitez de la même façon de travailler : comprendre le métier avant d’écrire du code, tester ce qui compte, et rester capable de faire tourner le site dans la durée.

Contact

Un projet comparable ?

Présentez-moi votre activité, votre besoin et vos premières idées. Nous pourrons préciser ensemble les prochaines étapes.