Wiseband : sortir du code ancien sans arrêter le service
Wiseband aide les artistes indépendants à diffuser leur musique. Avant de créer Omarni Studio, Romain y a conduit la migration de toute l'application, sur quatre ans et sans arrêter le produit, ainsi que la refonte visuelle, le tunnel d'abonnement et le contrôle des paroles par IA.
- Secteur
- Culture
Le site tel que livré
Ce qui a été fait
Voici ce que tout le monde peut voir du site de Wiseband. L'application, le tunnel d'abonnement et le contrôle des paroles demandent une connexion : nos tableaux et nos schémas racontent ce qui a changé à l'intérieur.
Page d'accueilC'est ici que les artistes découvrent Wiseband, sur une page dix fois plus légère et plus rapide. 
Sur téléphoneLe site garde toute sa clarté sur un petit écran. 
La migration, avant et aprèsLe code, le travail de l'équipe et les outils : voici tout ce que la migration a changé. 
La refonte, avant et aprèsUne vitrine refaite, qui parle huit langues, avec ses traductions rangées à part. 
Le tunnel, avant et aprèsS'abonner demandait quatre étapes mêlées à celles des boutiques. Il n'en faut plus que trois, pensées pour l'abonnement. 
Les offres sur téléphoneC'est ici que commence l'abonnement, téléphone en main. 
Le parcours des parolesL'artiste dépose ses paroles, l'IA les contrôle, et elles peuvent partir. 
La distribution sur téléphoneLe dépôt des paroles fait partie de ce service.
Le point de départ
Le besoin du client
Dans les mots du client, puis ce qu'il fallait atteindre et respecter.
Le besoin de Wiseband
L’application de Wiseband reposait sur un code ancien, difficile à faire évoluer. L’identité visuelle, l’abonnement et le dépôt des paroles demandaient eux aussi à être repris.
Wiseband aide les artistes indépendants à diffuser leur musique sur les plateformes de streaming. Son application tournait en PHP 5.6, sans aucun test, sans documentation et sans environnement de développement, avec des dépendances copiées directement dans le dépôt.
Ce que la migration devait permettre
- Sortir du code ancien : passer à PHP 8.4 et Symfony.
- Garder le service ouvert : les artistes continuent d’utiliser le produit pendant toute la migration.
- Rendre l’application simple à faire évoluer : un code testé, documenté, sur lequel une équipe peut travailler.
Ce que la refonte devait permettre
Le site vitrine, l’espace utilisateur et l’administration reposaient sur des templates Smarty et Bootstrap, avec des traductions écrites en dur dans les pages. Chaque changement visuel, et chaque nouvelle langue, demandait de reprendre les pages une par une.
- Une seule base visuelle pour le site vitrine, l’espace utilisateur et l’administration.
- Toutes les langues au même endroit : corriger une traduction sans toucher aux pages.
- Une bonne page pour chaque visiteur : chaque langue a ses adresses, et les moteurs de recherche savent quelle page montrer à qui.
Ce que le tunnel devait permettre
S’abonner passait par le même panier que les boutiques de merch, en quatre étapes : panier, quantité, adresse, paiement. L’abonnement annuel ne se renouvelait pas, et aucun abonné ne pouvait changer d’offre.
- Un parcours à part, pensé pour l’abonnement et non pour la vente d’objets.
- Un paiement récurrent, avec des codes promo.
- De l’autonomie : changer d’offre ou de moyen de paiement sans passer par l’équipe.
Ce que le contrôle devait permettre
Pour s’afficher sur les plateformes, les paroles passent par Musixmatch, qui a ses normes de format et de ponctuation. Chez Wiseband, le dépôt restait réservé à quelques artistes, à la main.
- Ouvrir le dépôt à tous les artistes, depuis leur espace, sans intervention de l’équipe.
- Respecter les normes de Musixmatch dès le dépôt.
- Signaler les erreurs avant l’envoi, pas après.
Ce qu’il fallait respecter
- Pas d’arrêt du produit : la migration se fait au fil de l’eau.
- Une équipe qui bouge pendant le chantier, avec des développeurs qui arrivent et d’autres qui repartent.
- Les maquettes de la nouvelle identité.
- Huit langues : français, anglais, italien, espagnol, allemand, portugais, chinois et chinois de Taïwan.
La réponse
Ce qui a été mis en place
Les choix faits, dans l'ordre, et pourquoi. Texte libre, avec des images si besoin.
Ce que nous avons mis en place
Une migration progressive, sur quatre ans, de PHP 5.6 à PHP 8.4 et Symfony, sans arrêter le produit. Romain l’a conduite comme architecte logiciel chez Wiseband, avant de créer Omarni Studio. Trois autres chantiers s’y sont ajoutés : la refonte visuelle, le tunnel d’abonnement et le contrôle des paroles.
1. Migrer au fil de l’eau
Pas de grand soir : l’application a été migrée morceau par morceau, pendant que le service continuait de tourner.
2. Remettre le code d’aplomb
| Sujet | Avant | Aujourd’hui |
|---|---|---|
| Langage | PHP 5.6 | PHP 8.4 et Symfony |
| Organisation | Code difficile à suivre | Monorepo en Explicit Architecture |
| Tests | Aucun | Un code testé |
| Pages | Smarty et Bootstrap | BladeOne et TailwindCSS |
| Dépendances | Copiées dans le dépôt | Composer et Bun |
3. Un socle pour accueillir les nouveaux développeurs
Docker pour l’environnement de développement, une documentation et une gestion de projet : chaque nouveau développeur peut prendre le projet en main.
4. Des pages plus légères
Les pages d’accueil sont devenues dix fois plus légères et plus rapides.
5. Une identité pour toute la plateforme
Avec un second développeur, Romain a intégré la nouvelle identité sur toute la plateforme, à partir des maquettes. L’espace utilisateur et l’administration y sont passés dans le cadre de la migration. Le site vitrine a été refait en Astro : huit langues et cinq landing pages. Il est statique, donc servi sans calcul côté serveur. Les traductions vivent dans des fichiers à part, et chaque langue a ses propres adresses.
| Partie | Avant | Aujourd’hui |
|---|---|---|
| Site vitrine | Généré par PHP | Statique, en Astro |
| Templates | Smarty | BladeOne |
| Styles | Bootstrap | TailwindCSS |
| Traductions | En dur | Dans des fichiers |
6. Le tunnel d’abonnement
Un tunnel en trois étapes, propre à l’abonnement, construit en PHP 8 et Symfony.
| Étape | Avant | Aujourd’hui |
|---|---|---|
| 1 | Panier | Offre |
| 2 | Quantité | Sièges par artiste |
| 3 | Adresse | Paiement |
| 4 | Paiement | — |
L’abonnement se renouvelle désormais, et accepte les codes promo. Le paiement passe par Stripe ou PayPal, et l’abonné change d’offre et de moyen de paiement en autonomie.
7. Le contrôle des paroles par IA
Tous les artistes déposent leurs paroles depuis leur espace, sans intervention de l’équipe. Un contrôle par IA les vérifie entre le dépôt et l’envoi.
| Ce qui est contrôlé | Ce que fait le contrôle |
|---|---|
| Format et ponctuation | Vérifiés selon les normes Musixmatch |
| Noms propres et villes | Reconnus |
| Erreurs | Signalées avant l’envoi |
Les paroles contrôlées partent vers Musixmatch, Spotify et Apple Music. Plus de 13 000 titres sont passés par ce contrôle.
Ce qui a changé
Le résultat
Ce que ça change au quotidien
Avant le sitePHP 5.6, du code difficile à suivre et aucun test.
Aujourd'huiUn code en PHP 8.4 et Symfony, testé.Un monorepo organisé en Explicit Architecture.
Avant le siteDes pages d'accueil lourdes et lentes.
Aujourd'huiDes pages d'accueil dix fois plus légères et plus rapides.Mesuré sur les pages d'accueil pendant la mission.
Avant le siteNi documentation, ni environnement de développement.
Aujourd'huiUn projet qu'un nouveau développeur peut prendre en main.Docker, une documentation et une gestion de projet pour accueillir les nouveaux.
Avant le siteDes traductions écrites en dur dans les pages.
Aujourd'huiUne seule base visuelle et huit langues gérées au même endroit.Site vitrine statique, espace utilisateur et administration.
Avant le siteUn abonnement annuel qui ne se renouvelait pas, mélangé aux boutiques de merch.
Aujourd'huiUn abonnement récurrent, en trois étapes.Par Stripe ou par PayPal, avec des codes promo. L'abonné change seul d'offre et de moyen de paiement.
Avant le siteQuelques artistes déposaient leurs paroles, à la main.
Aujourd'huiTous les artistes déposent leurs paroles, contrôlées avant l'envoi.Plus de 13 000 titres envoyés à Musixmatch, Spotify et Apple Music.
Un site comme celui-ci pour votre activité ?
Un premier appel de 30 minutes, sans engagement. C'est Romain qui vous appelle.
Un site comme celui-ci ?
Un premier appel pour parler de votre activité et de ce dont votre site doit servir. Au bout du fil, Romain, qui suivra votre projet du début à la fin.