Découvrez Musique & Music

Le contexte du projet

Musique & Music est un éditeur spécialisé dans la musique de production dédiée aux professionnels. L'application web permet aux monteurs vidéos de chercher facilement des sons afin d'illustrer leurs productions. Parmi les atouts de l'application, il y a notamment la richesse du catalogue, la fluidité de la recherche et la pertinence des résultats proposés. Une recherche par similarité permet aux clients de Musique & Music de rechercher finement un style de musique en important des fichiers audio.

Musique & Music a confié à Elao le développement de son application web ainsi que de son back-office, permettant d'avoir la main sur tous les aspects de son site.

L'expertise Elao déployée pour l'application Musique Music

Ateliers de recueil du besoin

Musique & Music n'en était pas à sa première version, l'application existait déjà depuis plusieurs années mais la dette technique et l'obsolescence du code existant ont décidé les fondateurs à repartir d'une feuille blanche. Il a donc fallu tirer l'essence de l'existant afin de proposer une version que l'on pouvait rapidement mettre en production, tout en assurant que les fonctionnalités clés soient présentes afin que les utilisateurs retrouvent leurs petits. À partir de ces ateliers, nous avons été en mesure de proposer une feuille de route fonctionnelle permettant d'arriver à une "nouvelle première version" du projet. Très rapidement, outre le front-office, le besoin d'un back-office efficace a émergé, dans le but de rendre plus efficaces les équipes Musique & Music.

Ateliers UX/UI

Les développeurs Elao sont avant tout des concepteurs et n'hésitent pas à être force de proposition d'un point de vue fonctionnel. Les étapes de conception des parcours utilisateurs (UX) et des maquettes d'interface utilisateurs (UI) ont été réalisées main dans la main avec Mathilde Vandier, designer freelance, avec laquelle nous avons itéré du début à la fin du projet.

Phase de build (développement)

C'est avec Anne-Laure et Xavier qu'Antoine, CTO de Musique & Music, a mené toute la phase de spécifications fonctionnelles. Il était nécessaire sur ce projet d'apporter une vraie force humaine, car les délais étaient serrés et nous n'étions pas trop de trois. Benjamin, Thomas et Amélie ont eux, mené de front toute la phase de développement : ils ont ensuite posé les bases techniques, développé chaque fonctionnalité, réalisé les tests automatisés et la recette fonctionnelle, jusqu'à l'intégration HTML / CSS pixel-perfect. La première mise en production a permis à Musique & Music d'avoir une version déjà très fonctionnelle à proposer à sa base existante d'utilisateurs.

Phase de run (évolutions fonctionnelles et maintenance applicative)

Depuis la mise en production de ses applications, Musique & Music fait appel à Elao de façon régulière pour faire évoluer son produit en fonction des besoins remontés par ses équipes et ses utilisateurs. Parmi les quelques évolutions, nous avons automatisé un grand nombre d'imports et d'exports, aussi bien pour de l'interne que pour des services tiers.

Les applications

Pour les professionnels du montage vidéo : une bibliothèque de musique fluide et dynamique

Musique & Music met un point d'honneur à proposer les interfaces les plus fluides possibles et une expérience utilisateur de haut niveau. Il était nécessaire d'aller vers un maximum de réactivité de l'applicatif.

Pour répondre à ces besoins et aux spécifications fonctionnelles du produit Musique & Music, l'équipe technique d'Elao a fait le choix d’utiliser React, un framework JavaScript, couplé à une API GraphQL, afin d'avoir une interface fluide, dynamique et surtout, agréable à utiliser.

Mais cette fluidité d'utilisation ne devait pas se faire au détriment des performances de référencement : c'est pourquoi toute la partie publique de Musique & Music est pré-rendue coté serveur avec le même code React piloté, exécuté puis servi par l'application Symfony.

Ainsi, toutes les pages sont servies avec leurs contenus et leurs méta-données complètes avant-même l'execution du Javascript dans le navigateur du client (ou des robots d'indexation des moteurs de recherche).

Pour l'équipe Musique & Music, un espace d'administration adapté à leurs besoins

L'équipe de Musique & Music utilise au quotidien l'espace administrateurs : les commerciaux ont un œil sur les nouveaux inscrits, les responsables de production ajoutent quotidiennement de nouvelles playlists et de nouveaux albums. Il leur fallait un espace d'administration leur permettant d'effectuer toutes ces tâches.

Nous avons le plaisir de travailler quotidiennement avec les équipes d'ELAO, un accompagnement qui nous guide vers la mise en production des fonctionnalités de notre app de librairie musicale.

La tribu

Voici les personnes de l'équipe qui ont contribué au projet.

• Benjamin Lévêque Responsable Technique
• Thomas Jarrand Développeur
• Amélie Defrance Intégratrice HTML/CSS
• Maxime Steinhausser Développeur
• Anne‑Laure de Boissieu Développeuse
• Xavier R Développeur

D'autres études de cas

• Elao + BlendWebMix Curvytron / Lazerdrive

  Lazerdrive est un jeu massivement multi-joueurs, né de Curvytron, jeu d'adresse dans le navigateur, développé en interne pour le plaisir par l'équipe puis présenté au PHP tour en 2014 et au Blend Web Mix 2015.

  Voir l'étude de cas
• Mairie d'Orléans On sort !

  L'application On Sort ! est un agenda des sorties dans la métropole orléanaise. Les organisateurs peuvent suggérer leurs événements en quelques clics.

  Voir l'étude de cas