Studio d'enregistrement · Site immersif + back-office + portail client · 2026

BLEU SABLE STUDIO

Vite 8
Express 5
SQLite / better-sqlite3
GSAP 3 · Lenis · Barba.js
Three.js r184

— Client
Bleu Sable Studio
— Année
2026
— Statut
Livré · bientôt en ligne

En collaboration avec HashClub

— Contexte

— L’enjeu

Un studio d'enregistrement, de mixage et de mastering (Paris) qui ne pouvait pas se contenter d'un site « template ». L'enjeu : une vitrine immersive à la hauteur de son exigence sonore — le « wow » dès la première seconde — doublée d'un espace pour suivre les projets clients.

— La réponse

Bleu Sable Studio ne pouvait pas se reconnaître dans un template : la vitrine devait sonner comme le studio, précise et immersive. On a conçu une plateforme unique qui va de la première impression jusqu'au suivi des mixages, pensée pour que le studio la pilote seul. Le public découvre un site qui met le son en scène ; en coulisses, le studio gère ses réalisations et accompagne chaque client tout au long de ses projets.

— Résultats

01
Le studio met à jour l'intégralité de son site lui-même — réalisations, textes, prestations, médias — sans jamais repasser par un développeur.
02
Chaque client suit son projet dans un espace privé — écoute, retours précis et échange de fichiers lourds au même endroit —, ce qui remplace les allers-retours par mail et les transferts externes.
03
La vitrine démarque le studio des sites de studios concurrents et pose d'emblée son niveau d'exigence auprès des artistes et labels.

— Ce qui a été livré9 items

Site vitrine immersif : scroll-narratif GSAP + Lenis, transitions de pages Barba.js, séquences WebGL/Three.js, curseur custom et loaders animés — zéro layout générique
API maison Express 5 + base SQLite (better-sqlite3) : auth JWT (cookie httpOnly, SameSite strict, bcrypt), rate-limiting, garde CSRF same-origin, uploads multer, notifications email SMTP
Back-office — Réalisations : créer/éditer/supprimer un titre avec cover, piste audio et lien Spotify, réordonnancement par flèches (glisser dans l'aperçu)
Back-office — Éditeur visuel « Aperçu » : édition inline du texte du site dans un aperçu live (iframe), clic-pour-éditer chaque bloc, réordonnancement des sections et photos
Back-office — Médiathèque : téléversement drag-drop (images/audio), recherche, filtres, renommage, remplacement à chaud sans casser les références, suppression en lot
Back-office — Messagerie : réception des demandes du formulaire (pièce jointe audio + email SMTP), état lu/non-lu avec badges, réponse par mailto, suppression
Portail client par lien privé à jeton (sans compte) : écoute en streaming (requêtes Range), téléchargement tracé, dépôt de fichiers jusqu'à 200 Mo, fichiers stockés hors zone publique
Revue audio collaborative : commentaires horodatés à la seconde sur chaque piste, fils de discussion, statut résolu/rouvert, signalement des retours non lus côté studio
Suivi projet & journal d'activité : compteurs vues/écoutes/téléchargements/commentaires/dépôts, archivage, gestion des livrables studio jusqu'à 500 Mo