Scènes 3D sur mesure
Des scènes interactives de tissu et d’agrès transposent le travail de scène de l’artiste sur le web, avec un rendu adaptatif et des vues statiques épurées.
Adele Deliss
Une plateforme multilingue pour une artiste aérienne, combinant des scènes 3D sur mesure et un espace de travail connecté pour les cours, les abonnements et la messagerie.
Design produit & ingénierie full-stack de bout en boutDE LA SCÈNE NUMÉRIQUE AUX OPÉRATIONS DU STUDIO
Cours du studio & abonnements
Cours récurrents, places d’abonnement, suivi des présences et gestion des vacances relient l’espace élèves à l’environnement de travail de l’artiste.
Mailroom intégré
Demandes entrantes, fils de discussion, pièces jointes et réponses personnalisées sont gérés directement dans l’espace d’administration.
COMMENT J’Y SUIS ARRIVÉ
Représentations internationales. Enseignement au quotidien.
Les organisateurs d’événements avaient besoin d’un moyen simple de découvrir les prestations et de prendre contact. Les nouveaux élèves devaient pouvoir demander un cours facilement, tandis que les élèves réguliers devaient pouvoir consulter leurs cours et leurs présences. Pour Adele, gérer le studio signifiait jongler entre les demandes, les plannings et les messages des élèves sans jamais perdre le fil.
Une scène expressive. Un système pratique pour le studio.
J’ai conçu et développé le site public autour de scènes aériennes 3D sur mesure et d’une présentation multilingue. En coulisses, des espaces dédiés aux élèves et à l’administration réunissent la validation des cours, les plannings récurrents, les abonnements et les e-mails du studio au sein d’un même système connecté.
Design produit, ingénierie frontend et backend, logique de planning et d’abonnements, espaces élèves et administration, infrastructure e-mail et scènes 3D sur mesure — en adaptant les illustrations fournies par l’artiste à l’identité visuelle.
01 / 04LIVE SITE
AD / Scènes 3D sur mesure
Scènes 3D sur mesure
Des scènes interactives de tissu et d’agrès transposent le travail de scène de l’artiste sur le web, avec un rendu adaptatif et des vues statiques épurées.
02 / 04PREUVES PRODUIT
AD / Demandes de cours & comptes élèves
Demandes de cours & comptes élèves
Les élèves peuvent vérifier les disponibilités, demander un cours et utiliser leur propre compte pour suivre leurs réservations et leurs présences.
Interface représentative · données de démonstration
03 / 04PREUVES PRODUIT
AD / Cours du studio & abonnements
Cours du studio & abonnements
Cours récurrents, places d’abonnement, suivi des présences et gestion des vacances relient l’espace élèves à l’environnement de travail de l’artiste.
Interface représentative · données de démonstration
04 / 04PREUVES PRODUIT
AD / Mailroom intégré
Mailroom intégré
Demandes entrantes, fils de discussion, pièces jointes et réponses personnalisées sont gérés directement dans l’espace d’administration.
Interface représentative · données de démonstration
PREUVES PRODUIT
Scènes 3D sur mesure
Des scènes interactives de tissu et d’agrès transposent le travail de scène de l’artiste sur le web, avec un rendu adaptatif et des vues statiques épurées.
Donner vie aux arts aériens sur le web.
L’identité visuelle du site s’inspire directement des disciplines aériennes : tissu, cerceau, pole et sangles deviennent des scènes 3D interactives plutôt qu’une simple galerie photo. Les thèmes clair et sombre, ainsi que les modes avec animations réduites, ont été intégrés dès le départ.
Conçu autour de la réalité pédagogique du studio.
Une première demande de cours nécessite l’approbation de l’artiste, tandis qu’un abonnement réserve une place dans les cours réguliers de la semaine. J’ai conçu ces parcours de manière distincte, en reliant disponibilités, génération des cours, jauges maximales, présences et comptes élèves au lieu de tout forcer dans un formulaire générique.
- Demande de l’élève
- Approbation de l’artiste
- Cours confirmé
- Cours hebdomadaires
- Séances datées
- Places réservées
- Présences
Les demandes peuvent aussi être refusées ou faire l’objet d’un autre horaire. Les places d’abonnement récurrent suivent leurs propres règles de réservation et de présence.
Une boîte de réception intégrée directement à l’espace de travail.
J’ai créé Mailroom pour que les demandes de spectacle, de cours et les messages des élèves soient gérés au même endroit que le planning des cours. Il réunit e-mails entrants, fils de discussion, recherche, pièces jointes et réponses personnalisées au sein de l’espace d’administration.
- E-mail entrant
- E-mail brut & fil de discussion
- Lecture sécurisée
- Réponse envoyée
Des règles métier claires. Des frontières d’infrastructure nettes.
Le site public, l’espace élèves et l’administration communiquent via des contrats de service au typage strict. Comme les règles du studio sont totalement isolées du code de base de données et d’e-mail, la logique de planning peut être testée localement et exécutée en toute fiabilité sur Cloudflare.
Un système unique pour la scène et le studio
Les visiteurs découvrent le travail de l’artiste et peuvent demander une prestation ou un cours, les élèves gèrent leurs réservations depuis leur compte, et Adele pilote ses cours, ses abonnements, les présences et ses e-mails depuis un seul endroit.
Next.js, React et TypeScript constituent le cœur de l’application, tandis que Three.js, GSAP et Lenis animent l’expérience publique interactive. OpenNext permet d’exécuter l’application Next.js sur Cloudflare Workers, avec D1 pour les données et R2 pour le stockage des e-mails bruts. Better Auth gère les comptes élèves, Resend envoie les e-mails sortants et Cloudinary distribue les médias.
Le plus passionnant dans ce projet a été de relier deux facettes très différentes : offrir à l’artiste une vitrine expressive pour mettre en valeur son travail sur scène, tout en concevant les outils pratiques qui facilitent la gestion quotidienne de son studio.
Construisons quelque chose qui compte.
Un nouveau produit. Un meilleur système. Un problème difficile qui mérite d’être résolu.
[email protected]