Skreddersydde 3D-scener
Interaktive scener med silketøy og apparater bringer artistens scenekunst til nett, med adaptiv gjengivelse og rene statiske visninger.
Adele Deliss
En flerspråklig plattform for en luftakrobat, som kombinerer skreddersydde 3D-scener med et sammenkoblet studio-arbeidsområde for timer, abonnementer og e-post.
Produktdesign og full-stack-utvikling fra start til sluttFRA DIGITAL SCENE TIL STUDIODRIFT
Studioklasser og abonnementer
Faste klasser, abonnementsplasser, oppmøteregistrering og ferieregler knytter elevområdet sammen med artistens arbeidsflate.
Innebygd Mailroom
Innkommende henvendelser, samtaletråder, vedlegg og merkevaresvar håndteres direkte i administrasjonsområdet.
HVORDAN JEG KOM DIT
Internasjonale forestillinger. Hverdagsundervisning i studio.
Arrangører trengte en enkel måte å se forestillingene på og ta kontakt. Nye elever trengte en ukomplisert vei til å be om en time, mens faste elever måtte kunne sjekke klassene og oppmøtet sitt. For Adele handlet hverdagen i studioet om å holde styr på henvendelser, timeplaner og meldinger fra elever – uten å miste oversikten over detaljene.
En ekspressiv scene. Et praktisk studiosystem.
Jeg designet og bygde den offentlige nettsiden rundt skreddersydde 3D-luftakrobatikkscener og en flerspråklig presentasjon. Bak kulissene samler egne områder for elever og studioadministrasjon timegodkjenninger, faste klasseplaner, abonnementer og studiets e-poster i ett helhetlig system.
Produktdesign, frontend- og backend-utvikling, logikk for timeplaner og abonnementer, elev- og administrasjonsområder, e-postinfrastruktur og skreddersydde 3D-scener – inkludert bearbeiding av kunstnerens egne illustrasjoner inn i den visuelle profilen.
01 / 04LIVE SITE
AD / Skreddersydde 3D-scener
Skreddersydde 3D-scener
Interaktive scener med silketøy og apparater bringer artistens scenekunst til nett, med adaptiv gjengivelse og rene statiske visninger.
02 / 04PRODUKTBEVIS
AD / Timeforespørsler og elevkontoer
Timeforespørsler og elevkontoer
Elever kan sjekke ledige tider, be om privattimer og bruke sitt eget kontoområde til å holde oversikt over bestillinger og oppmøte.
Representativt grensesnitt · eksempeldata
03 / 04PRODUKTBEVIS
AD / Studioklasser og abonnementer
Studioklasser og abonnementer
Faste klasser, abonnementsplasser, oppmøteregistrering og ferieregler knytter elevområdet sammen med artistens arbeidsflate.
Representativt grensesnitt · eksempeldata
04 / 04PRODUKTBEVIS
AD / Innebygd Mailroom
Innebygd Mailroom
Innkommende henvendelser, samtaletråder, vedlegg og merkevaresvar håndteres direkte i administrasjonsområdet.
Representativt grensesnitt · eksempeldata
PRODUKTBEVIS
Skreddersydde 3D-scener
Interaktive scener med silketøy og apparater bringer artistens scenekunst til nett, med adaptiv gjengivelse og rene statiske visninger.
Bringe luftakrobatikkens bevegelser til nett.
Nettstedets visuelle identitet og uttrykk springer direkte ut av luftakrobatikk: silketøy, ring (hoop), stang (pole) og stropper blir til interaktive 3D-scener fremfor et flatt fotogalleri. Lyst og mørkt tema, samt visninger tilpasset redusert bevegelse, var tenkt inn helt fra starten.
Bygget rundt hvordan undervisningen i studioet faktisk foregår.
En timeforespørsel krever artistens godkjenning, mens et fast abonnement reserverer plass på faste ukentlige klasser. Jeg bygget disse som separate flyter som forener ledig kapasitet, timeopprettelse, kapasitetsgrenser, oppmøte og elevkontoer, i stedet for å tvinge alle bestillinger gjennom det samme generiske skjemaet.
- Elevforespørsel
- Artistgodkjenning
- Bekreftet time
- Ukentlige klasser
- Datooppsatte timer
- Reserverte plasser
- Oppmøte
Forespørsler kan også avslås eller tilbys alternative tidspunkter. Faste abonnementsplasser følger egne reservasjons- og oppmøteregler.
En studio-innboks bygget direkte inn i arbeidsområdet.
Jeg bygget Mailroom slik at forestillingsforespørsler, timeønsker og svar fra elever kunne håndteres side om side med timeplanen. Løsningen samler innkommende e-post, samtaletråder, søk, vedlegg og merkevaresvar direkte i administrasjonsområdet.
- Innkommende e-post
- Råpost og tråd
- Sikker leser
- Svar sendt
Klare forretningsregler. Tydelige infrastrukturgrenser.
Det offentlige nettstedet, elevområdet og administrasjonsområdet kommuniserer med hverandre via typesikre tjenestekontrakter. Fordi studioreglene holdes adskilt fra database- og e-postkode, kan timeplanlogikken testes lokalt og kjøre stabilt på Cloudflare.
Ett felles system for scene og studio
Besøkende kan utforske artistens arbeid og be om forestillinger eller undervisning, elever administrerer bestillingene sine på egne kontoer, og Adele styrer klasser, abonnementer, oppmøte og e-post samlet på ett sted.
Next.js, React og TypeScript utgjør fundamentet for kjerneapplikasjonen, mens Three.js, GSAP og Lenis driver den interaktive offentlige opplevelsen. OpenNext kjører Next.js-appen på Cloudflare Workers, med D1 for relasjonelle data og R2 for rå e-postfiler. Better Auth ivaretar elevkontoer, Resend sender utgående e-post og Cloudinary leverer mediefiler.
Det beste med dette prosjektet var å forene to vidt forskjellige sider av arbeidet: å gi artisten en uttrykksfull digital scene til forestillingene sine, og samtidig bygge de praktiske verktøyene som gjør den daglige studiodriften enkel og oversiktlig.
La oss bygge noe som betyr noe.
Et nytt produkt. Et bedre system. En krevende utfordring verdt å løse.
[email protected]