Scenen
Interaktive scener med silke og akrobatikredskaber bringer kunstnerens scenearbejde til webbet – med adaptiv rendering og rene statiske visninger.
Adele Deliss
En flersproget platform til en luftakrobat, der kombinerer skræddersyede 3D-scener med et sammenhængende studie-arbejdsområde til lektioner, abonnementer og e-mail.
End-to-end produktdesign & full-stack engineeringSCENE & STUDIETS ARBEJDSOMRÅDE
Studiets arbejdsområde
Faste ugentlige hold, abonnementspladser, fremmøderegistrering og ferieregler forbinder elevområdet med kunstnerens arbejdsområde.
Indbygget Mailroom
Indgående henvendelser, samtaletråde, vedhæftede filer og professionelle svar administreres direkte i admin-arbejdsområdet.
SÅDAN NÅEDE JEG DERTIL
Internationale forestillinger. Hverdagsundervisning.
Arrangører af events havde brug for et klart overblik over forestillinger og en direkte kontaktvej. Nye elever manglede en enkel måde at anmode om undervisning på, mens faste elever havde brug for at tjekke deres hold og fremmøde. For Adele betød studielivet at holde styr på henvendelser, tidsplaner og beskeder fra elever uden at miste overblikket over detaljerne.
En udtryksfuld scene. Et praktisk studiesystem.
Jeg designede og byggede den offentlige hjemmeside omkring skræddersyede 3D-luftakrobatikscener og en flersproget præsentation. Bagved samler dedikerede elev- og admin-områder godkendelse af lektioner, faste holdplaner, abonnementer og studiets e-mails i ét sammenhængende system.
Produktdesign, frontend og backend engineering, planlægnings- og abonnementslogik, elev- og admin-områder, e-mailinfrastruktur samt skræddersyede 3D-scener – med tilpasning af klientens egne kunstværker til den visuelle identitet.
01 / 04LIVE SITE
AD / Scenen
Scenen
Interaktive scener med silke og akrobatikredskaber bringer kunstnerens scenearbejde til webbet – med adaptiv rendering og rene statiske visninger.
02 / 04DOKUMENTATION FOR ARBEJDET
AD / Booking og elevkonti
Booking og elevkonti
Elever kan se ledige tider, anmode om lektioner og bruge deres eget kontoområde til at holde styr på bookinger og fremmøde.
Repræsentativ brugerflade · eksempeldata
03 / 04DOKUMENTATION FOR ARBEJDET
AD / Studiets arbejdsområde
Studiets arbejdsområde
Faste ugentlige hold, abonnementspladser, fremmøderegistrering og ferieregler forbinder elevområdet med kunstnerens arbejdsområde.
Repræsentativ brugerflade · eksempeldata
04 / 04DOKUMENTATION FOR ARBEJDET
AD / Indbygget Mailroom
Indbygget Mailroom
Indgående henvendelser, samtaletråde, vedhæftede filer og professionelle svar administreres direkte i admin-arbejdsområdet.
Repræsentativ brugerflade · eksempeldata
DOKUMENTATION FOR ARBEJDET
Scenen
Interaktive scener med silke og akrobatikredskaber bringer kunstnerens scenearbejde til webbet – med adaptiv rendering og rene statiske visninger.
Luftakrobatikkens bevægelser bragt til webbet.
Webstedets visuelle identitet udspringer direkte af luftakrobatikken: silkeduge, ring, mast og stropper forvandles til interaktive 3D-scener frem for et fladt fotogalleri. Lyst og mørkt tema samt visninger tilpasset reduceret bevægelse var tænkt ind fra begyndelsen.
Bygget op omkring hvordan studiet rent faktisk underviser.
En anmodning om en introduktionslektion kræver kunstnerens personlige godkendelse, mens et løbende abonnement reserverer en fast plads på de ugentlige hold. Jeg byggede disse som adskilte flows, der forbinder ledighed, holdgenerering, kapacitetsgrænser, fremmøde og elevkonti i stedet for at tvinge al booking igennem samme standardformular.
- Elevanmodning
- Kunstnergodkendelse
- Bekræftet lektion
- Ugentlige hold
- Daterede lektioner
- Reserverede pladser
- Fremmøde
Anmodninger kan også afvises eller tilbydes alternative tidspunkter. Faste abonnementspladser følger deres egne reservations- og fremmøderegler.
En studie-indbakke bygget direkte ind i arbejdsområdet.
Jeg byggede Mailroom, så henvendelser om forestillinger, lektionsanmodninger og beskeder fra elever kunne håndteres direkte ved siden af holdplanen. Løsningen samler indgående e-mails, samtaletråde, søgning, vedhæftede filer og professionelle svar i admin-arbejdsområdet.
- Indgående e-mail
- Rå mail & tråd
- Sikker visning
- Svar sendt
Klare forretningsregler. Rene infrastrukturgrænser.
Den offentlige hjemmeside, elevområdet og admin-arbejdsområdet kommunikerer via typesikre servicekontrakter. Fordi studiets regler holdes adskilt fra database- og e-mailkoden, kan planlægningslogikken testes lokalt og køre pålideligt på Cloudflare.
Kunstnerisk udtryk og studiestyring samlet ét sted
Besøgende kan udforske Adeles optrædener og forhøre sig om forestillinger eller lektioner. Elever har et dedikeret kontoområde til at følge deres tidsplan og fremmøde, og Adele kan styre lektioner, abonnementer og studiets e-mails fra ét samlet arbejdsområde.
Next.js, React og TypeScript danner applikationens kerne, mens Three.js, GSAP og Lenis driver den interaktive offentlige oplevelse. OpenNext kører Next.js-applikationen på Cloudflare Workers med D1 til databasedata og R2 til opbevaring af rå e-mails. Better Auth håndterer elevkonti, Resend sender udgående e-mails, og Cloudinary leverer medier.
De bedste systemer føles helt naturlige for dem, der bruger dem. For Adele betød det en udtryksfuld scene til hendes optrædener og et enkelt, pålideligt arbejdsområde til hendes undervisningsstudie.
Lad os bygge noget af reel værdi.
Et nyt digitalt produkt. Et stærkere system. En kompleks udfordring, der fortjener en elegant løsning.
[email protected]