Individuelle 3D-Szenen
Interaktive Tuch- und Geräteszenen bringen die Bühnenarbeit der Künstlerin ins Web – mit adaptivem Rendering und sauberen statischen Ansichten.
Adele Deliss
Eine mehrsprachige Plattform für eine Luftartistin: maßgeschneiderte 3D-Szenen kombiniert mit einem vernetzten Studio-Arbeitsbereich für Unterricht, Abonnements und E-Mail.
End-to-End-Produktdesign & Full-Stack-EngineeringVON DER DIGITALEN BÜHNE ZUM STUDIOBETRIEB
Studiokurse & Abonnements
Wöchentliche Kurse, feste Abonnementplätze, Anwesenheitserfassung und Feiertagsregeln verbinden den Schülerbereich mit Adeles Arbeitsbereich.
Integrierter Mailroom
Eingehende Anfragen, Konversationsthreads, Anhänge und markengerechte Antworten werden direkt im Admin-Workspace verwaltet.
DER WEG ZUR LÖSUNG
Internationale Auftritte. Unterricht im Alltag.
Veranstalter brauchten einen einfachen Weg, um Auftritte zu entdecken und Kontakt aufzunehmen. Neue Schülerinnen und Schüler wollten unkompliziert eine Stunde anfragen, während reguläre Kursteilnehmer ihre Termine und Anwesenheit im Blick behalten mussten. Für Adele bedeutete der Studiobetrieb, Anfragen, Kurspläne und Nachrichten zu koordinieren, ohne den Überblick über die Details zu verlieren.
Eine ausdrucksstarke Bühne. Ein praktisches Studiosystem.
Ich habe die öffentliche Website rund um maßgeschneiderte 3D-Szenen und eine mehrsprachige Präsentation entworfen und entwickelt. Dahinter vereinen separate Schüler- und Admin-Bereiche Unterrichtsfreigaben, wöchentliche Kurspläne, Abonnements und Studio-E-Mails in einem vernetzten System.
Produktdesign, Frontend- und Backend-Entwicklung, Termin- und Abonnementlogik, Schüler- und Admin-Bereiche, E-Mail-Infrastruktur und individuelle 3D-Szenen – inklusive der Integration kundenseitiger Illustrationen in die visuelle Identität.
01 / 04LIVE SITE
AD / Individuelle 3D-Szenen
Individuelle 3D-Szenen
Interaktive Tuch- und Geräteszenen bringen die Bühnenarbeit der Künstlerin ins Web – mit adaptivem Rendering und sauberen statischen Ansichten.
02 / 04PRODUKTBEWEIS
AD / Unterrichtsanfragen & Schülerkonten
Unterrichtsanfragen & Schülerkonten
Schüler können Verfügbarkeiten prüfen, Unterricht anfragen und Buchungen sowie Anwesenheit im eigenen Kontobereich nachverfolgen.
Beispielhafte Oberfläche · Beispieldaten
03 / 04PRODUKTBEWEIS
AD / Studiokurse & Abonnements
Studiokurse & Abonnements
Wöchentliche Kurse, feste Abonnementplätze, Anwesenheitserfassung und Feiertagsregeln verbinden den Schülerbereich mit Adeles Arbeitsbereich.
Beispielhafte Oberfläche · Beispieldaten
04 / 04PRODUKTBEWEIS
AD / Integrierter Mailroom
Integrierter Mailroom
Eingehende Anfragen, Konversationsthreads, Anhänge und markengerechte Antworten werden direkt im Admin-Workspace verwaltet.
Beispielhafte Oberfläche · Beispieldaten
PRODUKTBEWEIS
Individuelle 3D-Szenen
Interaktive Tuch- und Geräteszenen bringen die Bühnenarbeit der Künstlerin ins Web – mit adaptivem Rendering und sauberen statischen Ansichten.
Luftartistik und Bewegung im Web lebendig machen.
Das Erscheinungsbild der Website leitet sich direkt von der Luftartistik ab: Vertikaltuch, Luftring, Pole und Strapaten werden zu interaktiven 3D-Szenen statt einer flachen Fotogalerie. Helle und dunkle Themes sowie Ansichten für reduzierte Bewegung waren von Anfang an fester Bestandteil.
Genau darauf abgestimmt, wie im Studio tatsächlich unterrichtet wird.
Eine erste Unterrichtsanfrage erfordert die Freigabe der Künstlerin, während ein wiederkehrendes Abonnement einen festen Platz in den wöchentlichen Kursen reserviert. Ich habe diese als separate Abläufe gebaut und Verfügbarkeit, Kurserzeugung, Kapazitätsgrenzen, Anwesenheit und Schülerkonten miteinander verknüpft – statt jede Buchung durch dasselbe starre Standardformular zu zwingen.
- Anfrage des Schülers
- Freigabe der Künstlerin
- Bestätigte Unterrichtsstunde
- Wöchentliche Kurse
- Konkrete Kurstermine
- Reservierte Plätze
- Anwesenheit
Anfragen können auch abgelehnt werden oder alternative Zeiten erhalten. Für wiederkehrende Abonnementplätze gelten eigene Reservierungs- und Anwesenheitsregeln.
Ein Studio-Postfach direkt im Arbeitsbereich.
Ich habe Mailroom entwickelt, damit Auftrittsanfragen, Unterrichtswünsche und Antworten von Schülern direkt neben dem Kursplan verwaltet werden können. Eingehende E-Mails, Konversationsverläufe, Suche, Anhänge und markengerechte Antworten sind so nahtlos im Admin-Arbeitsbereich gebündelt.
- Eingehende E-Mail
- Roh-E-Mail & Gesprächsverlauf
- Sichere Leseansicht
- Antwort gesendet
Klare Geschäftsregeln. Saubere Infrastrukturgrenzen.
Die öffentliche Website, der Schülerbereich und das Admin-Dashboard kommunizieren über typsichere Service-Contracts. Weil die Studioregeln strikt von Datenbank- und E-Mail-Code getrennt sind, lässt sich die gesamte Terminlogik lokal testen und auf Cloudflare zuverlässig ausführen.
Ein System für Bühne und Studio
Besucher können die Arbeit der Künstlerin entdecken und Auftritte oder Unterricht anfragen, Schüler verwalten ihre Buchungen im eigenen Konto, und Adele steuert Kurse, Abonnements, Anwesenheit und E-Mails an einem zentralen Ort.
Next.js, React und TypeScript bilden das Anwendungsfundament, während Three.js, GSAP und Lenis das interaktive öffentliche Erlebnis antreiben. OpenNext betreibt die Next.js-App auf Cloudflare Workers, mit D1 für Datensätze und R2 als Speicher für Roh-E-Mails. Better Auth sichert die Schülerkonten, Resend versendet ausgehende E-Mails und Cloudinary liefert optimierte Medien aus.
Das Beste an diesem Projekt war die Verbindung zweier völlig unterschiedlicher Welten: Der Künstlerin eine ausdrucksstarke Bühne für ihre Bühnenkunst zu geben und gleichzeitig die praktischen Werkzeuge zu bauen, die ihr den täglichen Studiobetrieb spürbar erleichtern.
Lassen Sie uns etwas Bedeutungsvolles bauen.
Ein neues Produkt. Ein besseres System. Ein schwieriges Problem, das es wert ist, gelöst zu werden.
[email protected]