Étude de cas · De la vie du groupe à la scène
RiffSide.
Une plateforme pour organiser le groupe, travailler les morceaux et préparer les concerts : répertoire, setlists, audio, partitions, MIDI, chat et participation du public.
Application web · espace de groupe EN3RGYA · Les captures présentent RiffSide aux couleurs du groupe EN3RGYA. Démonstration sur demande.
- Mon rôle
- Conception produit, UX/UI et développement full-stack
- Technologies
- Next.js · React · NestJS · PostgreSQL · TypeScript · Prisma · Socket.IO · AWS S3 · Web MIDI
Le défi
Relier des usages très différents — organiser une répétition, travailler un passage, retrouver une partition sur scène ou recueillir les réactions du public — sans disperser les informations entre calendriers, messageries, lecteurs audio et dossiers partagés.
La solution
Une architecture par groupe relie répertoire, événements, setlists et documents. Le lecteur audio propose forme d’onde, boucles A–B et transposition par passage. Le mode concert rassemble PDF, annotations, contrôles de préparation locale, suivi entre musiciens et commandes MIDI. Le chat et les votes publics prolongent ce travail collectif.
Ce que le produit apporte
Un parcours continu : le groupe prépare son programme, chaque membre travaille ses morceaux, les musiciens retrouvent leurs documents en concert et le public peut participer. Les vingt captures montrent ces usages dans l’espace EN3RGYA, avec des interfaces adaptées au travail quotidien et à la scène.
Dans le produit
RiffSide, évolution de Bandtabs, réunit les outils de préparation musicale et de collaboration dans un même espace. Les captures présentent le groupe EN3RGYA : son identité, ses rendez-vous, son répertoire, ses discussions et ses concerts. Chaque parcours répond à un contexte précis, du travail individuel à la scène et aux échanges avec le public.
- Tableau de bord, actions personnelles et identité propre au groupe
- Répertoire partagé, tonalités, tempos, documents et évaluations
- Setlists, validation du programme, historique et export des MP3
- Lecteur audio avec forme d’onde, boucles A–B et tonalité par passage
- Mode concert : PDF, catégories de documents et annotations
- Préparation locale et contrôle des documents avant le concert
- Navigation indépendante ou synchronisée entre musiciens
- Commandes de scène assignables à un pédalier MIDI
- Agenda, disponibilités, présences et gestion des annulations
- Chat Backstage : salons, fichiers, vocaux et commandes musicales
- Votes publics sur le répertoire et résultats partageables par QR code
- Réactions du public en direct et retours privés au groupe
RiffSide
Les interfaces, en détail.
Captures réelles du projet. Cliquez pour les agrandir.
Touchez une image pour l’ouvrir en plein écran et explorer ses détails.
20 / 20 captures
Le quotidien du groupe, au même endroit
Accueil personnalisé, actions à suivre et prochains rendez-vous du groupe EN3RGYA.
Prochain rendez-vous et présences
Fiche de répétition, réponses des membres et accès direct à la setlist et à la préparation du concert.
Répertoire, documents et notes du groupe
Morceaux, artistes, tonalités, tempos, MP3, documents PDF, liens YouTube et évaluations des membres.
Les setlists de répétition et de concert
Programmes classés par date et statut, recherche, durée totale et accès au travail individuel.
Préparer, valider et partager un programme
Écoute de la setlist, export des MP3, suivi de préparation, validation du programme et historique.
Un lecteur conçu pour travailler les morceaux
Lecture MP3, volume, déplacements rapides, forme d’onde et commandes de travail regroupées.
Boucles A–B et tonalité par passage
Sélection précise d’un passage sur la forme d’onde, écoute en boucle et transposition pour les medleys.
Le mode concert, centré sur la partition
Affichage sombre, PDF lisible, catégories de documents, annotations et navigation entre les morceaux.
Vérifier les documents avant de monter sur scène
Contrôles de préparation, documents manquants et préparation locale de la setlist pour les situations sans réseau.
Un morceau commun, une vue par musicien
Rôles de navigation indépendants ou synchronisés, avec conservation des documents propres à chaque musicien.
Piloter la scène avec un pédalier MIDI
Détection des entrées, apprentissage des commandes et affectation des actions précédent, suivant, concert et PDF seul.
Événements, annulations et réponses des membres
Liste des concerts et répétitions, filtres, statuts d’annulation, présences et setlists associées.
Un calendrier commun et les disponibilités
Vue mensuelle, recherche, types d’événements et détail des disponibilités pour la journée sélectionnée.
L’agenda en liste pour aller à l’essentiel
Rendez-vous regroupés par date, liens vers les lieux et présences, avec prise en compte des événements annulés.
Backstage, l’espace de discussion du groupe
Salons classés par catégorie, messages, fichiers, vocaux, réactions et indicateurs de lecture.
Les outils musicaux au cœur du chat
Commandes pour partager un morceau, une playlist, un événement, une proposition, un arrangement ou un sondage.
Faire participer le public au répertoire
Sélection de morceaux sans compte, recherche et accès aux liens YouTube et aux résultats des votes.
Des résultats de vote à partager
Classement des morceaux, nombre de participations et QR code vers l’espace public du groupe.
Suivre les réactions du public en direct
Pilotage du morceau en cours, réactions, retours constructifs privés et partage du QR public permanent.
Le concert vu du côté du public
Morceau en cours, détail du medley, réactions instantanées et signalements privés à destination du groupe.
Votre contact direct
Votre prochain projet commence par une conversation.
Une idée à concrétiser, un site à repenser ou un outil à améliorer ? Parlons de votre besoin.
Décrire mon projet