
InLiveStream
Développement d'une application de diffusion de concerts en direct
- Présentation du client
- Contexte du projet
- Missions de notre agence
- Fonctionnalités développées
- Choix des technologies
InLive : Un écosystème conçu pour les artistes
InLive a été fondé en 2019 par Thierry Saïd, notamment connu pour être le manager de nombreux artistes à succès tels que Matt Pokora ou Jenifer. À l'origine, l'idée était de créer un réseau social dédié aux artistes, en collaboration avec des acteurs renommés du secteur musical tels que Universal, Sony Music ou encore TF1.
Par la suite, le groupe a rapidement pivoté pour proposer de nombreuses solutions digitales orientées vers le milieu artistique :
- InLive With : Réseau social destiné aux talents et à leurs fans
- InLive Store : Solution clé en main de "boutique officielle"
- InLive Me : Plateforme de commande de dédicasses personnalisées de cébébrités
- InLive Ticket : Billeterie en ligne dédiée aux concerts et spectacles
Et pour finir ... InLive Stream ! Qui est l'objet de cette présentation détaillée.
Créer une plateforme de streaming en moins de deux mois
C'est au mois de Septembre de l'année 2020 que les équipes de InLive prennent pour la première fois contact avec notre agence. Nous sommes alors en pleine crise sanitaire et l'industrie du divertissement fait partie des secteurs qui souffrent le plus de cette situation. Les salles de spectacle sont à l'arrêt, les tournées d'artistes annulées et des milliers d'intermittents du spectacle se retrouvent soudainement au chômage technique.
Pour faire face à cette situation inédite dont personne ne connaissait encore l'issue, InLive souhaitait créer une plateforme de streaming.
L'idée était de permettre aux artistes de se produire en direct et ainsi redynamiser un secteur complètement à l’arrêt, en offrant une alternative innovante et accessible pour reconnecter les artistes avec leur public, malgré les restrictions sanitaires.
C'est dans ce contexte qu'InLive a sollicité notre agence pour effectuer le développement de la version initiale de la solution, le tout, en à peine deux mois. Un premier concert étant prévu pour le 8 Décembre avec nul autre que Matt Pokora avec pas moins de 70 000 spectateurs connectés sur la plateforme.
Un accompagnement complet et personnalisé
L'intervention de notre agence ne s'est pas limitée au simple développement. Les besoins de InLive étaient nombreux et les délais impartis très courts. C'est donc naturellement qu'InLive nous a confié l'entière conception de la solution impliquant plusieurs missions.
Rédaction d'un cahier des charges
Lorsque les équipes de InLive ont contacté notre agence, le besoin était clair mais les contours techniques du projet étaient eux loin d'être mûr et clairement défini.
Nous avons donc réalisé plusieurs ateliers de co-conception en collaboration avec toutes les parties prenantes afin de définir, prioriser et regrouper tous les besoins.
Une fois le besoin clairement défini, nous avons procédé à la rédaction du cahier des charges qui visait à encadrer et valider toutes les composantes techniques et fonctionnelles attendues pour cette première version de l'application.
Création d'un design et de maquettes interactives
La conception de l'interface de l'application a été confiée à notre pôle créatif et réalisée en moins de deux semaines. Toujours en étroite collaboration avec les équipes de InLive qui ont pu valider un à un tous les parcours utilisateur grâce à la mise en place de maquettes interactives.
Intégration et développement de l'application
N'ayant que deux mois pour développer l'entièreté de la solution, nous avons exceptionnellement débuté le développement en parallèle de la conception de la création du design.
Le développement a été réalisé par une équipe restreinte composée de deux développeurs fullstack et d'un chef de projet. Bien qu'il eût été possible d'allouer plus de ressources humaines, cela aurait alourdi la gestion du projet et éventuellement retardé la livraison.
Maintenance et accompagnement technique
Notre agence a également eu la charge de la maintenance active et sur site de l'application. Notamment pour les premiers concerts, pour lesquels nous avons eu le privilège de nous déplacer dans des salles prestigieuses comme "Le Seine Musicale" ou encore "L'Olympia" et d'assister à des concerts d'artistes renommés.
Cette maintenance sur site était plus que nécessaire dans un premier temps car il était complexe de prévoir en amont tous les scénarios possibles lorsque 70 000 personnes se connectent en simultané sur l'application.
Tout s'étant déroulé pour le mieux, nous avons pu organiser la passation du projet aux développeurs internes de InLive pour lesquels nous avions préparé une documentation complète. Notre agence a pu être sollicitée à plusieurs reprises par la suite pour effectuers des actions ciblées à la demande du client.
Des fonctionnalités conçues pour faciliter les interactions
Le but premier de la solution consistait à être en mesure de diffuser un concert ou événement en direct. Néanmoins, il est apparu important d'offrir aux spectateurs une expérience immersive au plus proche de leurs artistes préféré. Notre équipe a donc développé des fonctionnalités allant dans ce sens :
- Module de chat : Offrir la possibilité aux utilisateurs d'échanger entre eux mais aussi directement avec l'artiste dans la mesure où les messages sont diffusés sur écran géant durant l'évènement.
- Player multi-caméra : Chaque utilisateur a le choix entre un flux réalisé ou bien 5 autres angles de caméras sur lesquels il peut basculer à son bon vouloir.
- Typologie de billet : Tout comme c'est le cas lors d'évènements présentiels, les spectateurs avaient le choix entre plusieurs types de billets offrant des avantages exclusifs comme une visite privée des coulisses de l'Olympia effectuée par l'artiste avant de monter sur scène.
En parallèle, nous avons développé des fonctionnalités beaucoup plus classiques mais tout aussi importantes :
- Module de paiement : Développé en un temps record avec la solution Stripe pour permettre à InLive de débuter la commercialisation de billets virtuels plusieurs semaines avant le premier concert.
- Panel d'administration : Permettre aux équipes de notre client de gérer la totalité de la plateforme mais aussi de surveiller un certain nombre de KPI's définis en amont.
- Système de sécurité : Pour protéger les droits d'auteur, nous avons conçu un système qui empêchait toute capture d'écran ainsi que la connexion à plusieurs sur un seul et même compte.


Nous avons confié l'entière réalisation de ce projet à Hexium qui a su le développer en un temps record. La disponibilité et la réactivité dont fait preuve cette agence sont un réel soulagement !
Thierry Saïd
Fondateur
Une stack technique 100% JavaScript
Notre choix c'est porté sur une stack entièrement en JavaScript / TypeScript pour une raison simple : le client disposait de ressources techniques en interne qui étaient formées uniquement sur ce langage.
Étant donné que l'action de notre agence se limitait uniquement au développement de la première version de la solution, c'est tout naturellement que nous nous sommes tournés vers Node.js pour le back-end et Nuxt.js pour le front-end !
Une fois le développement finalisé et les premiers concerts effectués, nous avons effectué plusieurs réunions de transmission de compétences avec les développeurs internes de InLive pour leur donner toutes les clés nécessaires à la bonne continuation du projet.
En parallèle, nous avons également fourni une documentation complète aux équipes du client et réalisé plusieurs opérations de maintenance.
