WowRadar

Le projet

WowRadar transforme un album en site web. L’artiste importe sa pochette, ses morceaux et ses paroles ; la plateforme en tire un site complet — lecteur, visualisation qui réagit au son, paroles synchronisées, liens vers les plateformes d’écoute — publié à sa propre adresse, en huit langues. Neuf euros la publication, une fois, sans abonnement ni renouvellement.

Orealys a conçu et développé le produit de bout en bout : le nom et le logo, l’interface de création, le moteur qui fabrique les sites, leurs trois univers graphiques, la visualisation audio en temps réel, le paiement intégré, la traduction et l’hébergement.

Tout part du son. Chaque page écoute la musique qu’elle joue : le spectre nourrit le vinyle, les braises et les particules 3D, et les paroles se posent à la seconde près — un calage que l’artiste peut confier à la reconnaissance vocale, qui tourne dans son propre navigateur, sans qu’un fichier parte ailleurs.

Découvrir WowRadar

Intervention agence

Nom et identité visuelle
Conception de l’interface (UX / UI)
Développement de la plateforme (PHP, MySQL)
Visualisation audio temps réel (WebGL, Web Audio)
Synchronisation des paroles par IA
Paiement en ligne (Stripe)
Traduction en huit langues
Hébergement et mise en ligne

01 — Ce que fait l’outil

Les
fonctionnalités

Un éditeur en cinq étapes — les détails de l’album, la pochette et le style, les titres, les liens, la publication. À droite, l’aperçu en direct montre le site tel qu’il sera, sur ordinateur, sur tablette et sur téléphone.

01
Un site par album

Chaque album a son adresse — wowradar.app/artiste/album — et chaque artiste sa page, qui rassemble ses sorties. L’adresse se change à tout moment : l’ancienne continue de mener à la bonne page.
02
La pochette donne les couleurs

À l’import, la pochette est analysée : fond, couleur principale, couleur secondaire et couleur de texte en sortent, contrastes vérifiés. L’artiste garde la main sur les quatre.
03
Trois univers

Immersive, la pochette plein écran avec son vinyle et ses braises ; Minimal, épuré, une onde qui court sous le titre ; 3D, un visualiseur en temps réel derrière la pochette. On passe de l’un à l’autre d’un clic, sans couper la musique.
04
Six effets 3D

Globe, Hyperdrive, Galaxie, Horizon, Aurore et Cristal : six scènes WebGL qui lisent le spectre du morceau, réagissent aux basses et se brisent sur les temps forts. Quatorze mille points sur ordinateur, cinq mille sur téléphone, un dixième de milliseconde par image.
05
Un lecteur complet

L’onde est dessinée depuis le fichier lui-même, au moment de l’import : deux cents pics calculés dans le navigateur. Lecture, titre suivant, déplacement dans la piste, temps restant — et, pour les visiteurs d’un lien privé, des extraits de trente secondes découpés à la trame près.
06
Les paroles, à la seconde

L’artiste lance le morceau et marque le début de chaque ligne à la barre d’espace, puis affine au dixième. À la lecture, la ligne en cours s’allume et la page suit.
07
Le calage automatique

Ou bien il confie le travail à la reconnaissance vocale : le modèle tourne DANS le navigateur — rien ne part sur un serveur —, place les quatre-vingt-quinze lignes d’un morceau, et signale celles dont il n’est pas sûr.
08
Les liens d’écoute

Spotify, Apple Music, Deezer, YouTube, Bandcamp, SoundCloud : par album et titre par titre, avec l’icône de chaque plateforme.
09
Un aperçu privé à partager

Un lien valable sept jours, non indexé, pour faire valider l’album par un label ou un groupe avant publication. Les visiteurs sans compte n’entendent que des extraits.
10
Publier, 9 €

Le paiement se fait sur place, par carte, sans jamais quitter le site : la page est mise en ligne dans la seconde. Un paiement unique, pas d’abonnement, pas de renouvellement.
11
Huit langues

Français, anglais, espagnol, allemand, italien, portugais, chinois et japonais. Le site d’un album parle la langue choisie par l’artiste, pas celle du visiteur : un album français reste français pour tout le monde.
12
Tableau de bord et statistiques

Les artistes, les albums, leur état — brouillon, en ligne —, les écoutes et les visites, album par album et titre par titre.

L’éditeur WowRadar : la pochette, les couleurs qui en sont tirées, les trois modèles, et l’aperçu en direct sur téléphone

02 — En gros plan

01

Six façons de voir la musique

Le modèle 3D affiche un visualiseur derrière la pochette, au choix parmi six : une sphère de particules qui respire, un tunnel de lumière, une galaxie dont les bras gonflent avec les basses, un horizon de néons, des rideaux d’aurore, un cristal qui vole en éclats à chaque temps fort. Un seul moteur WebGL les rend tous, et les vignettes du choix sont composées avec la vraie pochette et les vraies couleurs de l’album.

Les six effets 3D : Globe, Hyperdrive, Galaxie, Horizon, Aurore et Cristal

02

Les paroles, calées par la machine

La synchronisation à la main reste là — lancer le morceau, marquer chaque ligne à la barre d’espace, affiner au dixième de seconde. Mais l’artiste peut aussi appuyer sur « Synchroniser automatiquement » : un modèle de reconnaissance vocale se charge dans son navigateur, écoute la piste et place les lignes tout seul. Rien ne quitte son ordinateur. Neuf lignes sur dix tombent à moins d’une seconde près, et celles dont le modèle doute sont signalées.

L’éditeur de paroles : l’onde du morceau, les commandes de calage et les 95 lignes horodatées

03

Payer sans quitter le site

La publication coûte neuf euros, une fois. Le formulaire de carte est celui de Stripe, posé dans la page : le visiteur ne part sur aucun site tiers, et les numéros de carte ne passent jamais par nos serveurs. Le paiement confirmé, l’album est en ligne — vérification côté serveur ET notification Stripe, pour qu’un onglet fermé trop tôt ne laisse jamais un album payé mais non publié.

La page de paiement : le récapitulatif de l’album à gauche, le formulaire de carte à droite

04

Le tableau de bord

Un artiste, ses albums, leur adresse en ligne. Tout part de là : créer un album, le modifier, le publier, voir ses écoutes. Un compte peut tenir plusieurs artistes — un label, un studio, un musicien qui joue sous deux noms.

03 — À écouter

Appuyez
sur play

La couronne de spectre, le vinyle et les braises du modèle Immersive, ici avec le son : appuyez sur la pochette. Ce que vous voyez bouger est calculé à partir de la musique elle-même, trente fois par seconde — c’est exactement ce que fait chaque site publié sur WowRadar.

Appuyez sur la pochette Beyond the Line Next Level Voir le site de l’album

Quatre albums, quatre extraits, leurs vraies couleurs. Chaque pochette mène au site de l’album.

04 — Trois univers

Trois
mises en scène

Le même album, les mêmes morceaux, les mêmes paroles : trois mises en scène. On passe de l’une à l’autre d’un clic dans l’éditeur, sans couper la musique. Ces trois films sont de vrais sites WowRadar, filmés en train de jouer.

Immersive

La pochette envahit la page. Un vinyle sort d’elle et tourne, une couronne de spectre l’entoure, des braises montent du bas de l’écran et s’allument sur les temps forts.

3D

Le décor Immersive, plus un visualiseur WebGL derrière la pochette — ici l’effet Cristal, qui vole en éclats à chaque frappe. Les paroles défilent en dessous, calées à la seconde.

Minimal

Rien que la pochette, le titre et une onde fine qui court sous le lecteur. Pour les albums dont la pochette se suffit à elle-même.

05 — Ce qui en sort

Côte à
côte

Tous les sites de cette page ont été fabriqués avec l’outil tel qu’il est en ligne : pochette importée, couleurs extraites, morceaux et paroles posés, puis publiés. Sur ordinateur comme sur téléphone.