ISEP Bands, le site
d’une association musicale
- Client
- ISEP Bands
- Métier
- Association de musique
- Lieu
- ISEP, Paris
- Prestations
- Site, espace membre, back-office
Le client
ISEP Bands, c’est l’association de musique de l’ISEP depuis 2010. Elle réunit des étudiants qui jouent en groupe, du rock au jazz en passant par le métal et l’électro, et elle organise des concerts, des jams et des répétitions tout au long de l’année.
Il lui fallait un site qui donne envie de la rejoindre, mais aussi un vrai outil pour faire vivre les groupes au quotidien, et pour que le bureau puisse tout gérer au même endroit.
Découvrir ISEP BandsTrois espaces
Le site se découpe en trois étages, qui partagent les mêmes données, du visiteur qui découvre l’association jusqu’au bureau qui la fait tourner.
Espace 1, La vitrine publique
Les groupes, les événements, l’association et son bureau, pour donner envie aux étudiants de rejoindre l’ISEP Bands, en français comme en anglais.
Espace 2, L’espace membre
Chacun y gère son profil et ses groupes, cherche les instruments qui manquent, prépare les setlists avec YouTube et Spotify, et suit ses événements dans son agenda.
Espace 3, Le back-office
Le bureau y gère les membres, les groupes, les lieux, le matériel et les campagnes d’e-mails, avec des droits qui suivent les rôles de l’association, de la présidence aux anciens.
Le back-office
Le bureau gère toute l’association depuis un seul tableau de bord : les membres, les groupes, les événements, les lieux, le matériel et les campagnes d’e-mails. Chaque page ne s’ouvre qu’aux rôles qui en ont besoin.
Les données des membres et le détail du matériel sont floutés.
La technique
Le site est construit avec Next.js 15 et React 19 en TypeScript strict. Les données vivent dans MySQL et passent par Prisma, Redis sert de cache et limite le débit des routes publiques, et la connexion repose sur des jetons signés.
Il est bilingue sans dupliquer une seule page, la billetterie passe par HelloAsso, et les morceaux des setlists se retrouvent par les API de Spotify et de YouTube.
Le site connaît chaque membre, chaque groupe et chaque événement, et il retient tout dans une base de données, pour que personne n’ait à tenir un tableau à côté.
On peut le lire en français ou en anglais, acheter sa place pour un concert sans quitter le site, et ajouter un morceau à la setlist de son groupe en le cherchant comme sur Spotify.
Une page, une ambiance
Chaque page a son propre décor, un ampli pour les bands, le bâtiment de l’école pour l’association, une affiche de concert pour la Nuit étoilée, en gardant le même violet et le même menu.
Les bands, sur un ampli L’association L’accueil Le bureau La Nuit étoilée
Lancer votre projet
Un site avec un espace membre pour votre association ou votre club ? Parlez-nous de votre projet, nous vous répondons avec un devis clair.