Skräddarsydda 3D-scener
Interaktiva scener med akrobatiktyg och redskap tar artistens scenkonst till webben, med adaptiv rendering och rena statiska vyer.
Adele Deliss
En flerspråkig plattform för en luftakrobat som förenar skräddarsydda 3D-scener med en sammanhållen studioarbetsyta för lektionsbokning, abonnemang och e-post.
End-to-end produktdesign och full-stack-utvecklingFRÅN DIGITAL SCEN TILL STUDIODRIFT
Studioklasser & abonnemang
Återkommande klasser, abonnemangsplatser, närvarohantering och terminsregler kopplar samman elevytan med artistens egen arbetsyta.
Inbyggd Mailroom
Inkommande förfrågningar, samtalstrådar, bilagor och profilerade svarsmeddelanden hanteras direkt inifrån adminytan.
VÄGEN DIT
Internationella föreställningar. Den dagliga undervisningen.
Arrangörer behövde ett tydligt sätt att utforska föreställningar och ta kontakt. Nya elever behövde enkelt kunna förfråga om lektioner, medan befintliga elever behövde hålla koll på sina klasser och sin närvaro. För Adele innebar studiodriften att hantera förfrågningar, scheman och meddelanden från elever utan att tappa kontrollen över detaljerna.
En uttrycksfull scen. Ett praktiskt studiosystem.
Jag designade och byggde den publika webbplatsen kring skräddarsydda 3D-scener med luftakrobatik och en flerspråkig presentation. Bakom kulisserna samlar dedikerade elev- och administratörsytor lektionsförfrågningar, återkommande klasscheman, abonnemang och studio-e-post i ett enda sammanhållet system.
Produktdesign, frontend- och backend-utveckling, schemaläggnings- och abonnemangslogik, elev- och adminytor, e-postinfrastruktur och skräddarsydda 3D-scener – med anpassning av kundens illustrationer till den visuella identiteten.
01 / 04LIVE SITE
AD / Skräddarsydda 3D-scener
Skräddarsydda 3D-scener
Interaktiva scener med akrobatiktyg och redskap tar artistens scenkonst till webben, med adaptiv rendering och rena statiska vyer.
02 / 04PRODUKTBEVIS
AD / Lektionsförfrågningar & elevkonton
Lektionsförfrågningar & elevkonton
Elever kan se lediga tider, göra lektionsförfrågningar och använda sitt eget konto för att hålla koll på bokningar och närvaro.
Representativt gränssnitt · exempeldata
03 / 04PRODUKTBEVIS
AD / Studioklasser & abonnemang
Studioklasser & abonnemang
Återkommande klasser, abonnemangsplatser, närvarohantering och terminsregler kopplar samman elevytan med artistens egen arbetsyta.
Representativt gränssnitt · exempeldata
04 / 04PRODUKTBEVIS
AD / Inbyggd Mailroom
Inbyggd Mailroom
Inkommande förfrågningar, samtalstrådar, bilagor och profilerade svarsmeddelanden hanteras direkt inifrån adminytan.
Representativt gränssnitt · exempeldata
PRODUKTBEVIS
Skräddarsydda 3D-scener
Interaktiva scener med akrobatiktyg och redskap tar artistens scenkonst till webben, med adaptiv rendering och rena statiska vyer.
Luftakrobatikens rörelser på webben.
Webbplatsens form och känsla har hämtats direkt från luftakrobatiken: tyg, ring, stång och remmar blir till interaktiva 3D-scener snarare än ett platt fotogalleri. Ljust och mörkt tema samt vyer för minskad rörelse byggdes in från första början.
Byggt kring hur studion faktiskt undervisar.
En första lektionsförfrågan kräver artistens godkännande, medan ett återkommande abonnemang reserverar en plats i de ordinarie veckoklasserna. Jag byggde dessa som separata flöden som kopplar samman tillgänglighet, klassgenerering, kapacitetstak, närvaro och elevkonton – istället för att tvinga varje bokning genom samma generiska formulär.
- Elevförfrågan
- Artistens beslut
- Bekräftad lektion
- Veckoklasser
- Schemalagda lektionstillfällen
- Reserverade platser
- Närvaro
Förfrågningar kan även nekas eller erbjudas alternativa tider. Återkommande abonnemangsplatser följer sina egna boknings- och närvaroregler.
En studio-inkorg byggd direkt i arbetsytan.
Jag byggde Mailroom så att bokningsförfrågningar för shower, lektionsönskemål och svar från elever kan hanteras direkt intill klasschemat. Den samlar inkommande e-post, samtalstrådar, sökning, bilagor och varumärkesanpassade svar i administratörens arbetsyta.
- Inkommande e-post
- MIME-original & samtalstråd
- Säker läsvy
- Skickat svar
Tydliga affärsregler. Rena infrastrukturgränser.
Den publika webbplatsen, elevytan och administratörens arbetsyta kommunicerar via typsäkra servicekontrakt. Eftersom studions affärsregler hålls helt åtskilda från databas- och e-postkod kan schemaläggningslogiken testas lokalt och köras driftsäkert på Cloudflare.
Ett gemensamt system för scen och studio
Besökare kan utforska artistens föreställningar och boka uppträdanden eller lektioner, elever hanterar sina bokningar via egna konton, och Adele driver klasser, abonnemang, närvaro och e-post från ett och samma ställe.
Next.js, React och TypeScript utgör applikationens kärna, medan Three.js, GSAP och Lenis driver den interaktiva publika upplevelsen. OpenNext kör Next.js-appen på Cloudflare Workers, med D1 för databasposter och R2 för lagring av råa e-postfiler. Better Auth hanterar elevkonton, Resend sköter utgående e-post och Cloudinary levererar optimerad media.
De bästa kreativa verktygen försöker inte göra allting. De ger användaren rätt kontroll över sitt eget arbete och håller sig sedan ur vägen.
Låt oss bygga något som gör skillnad.
En ny produkt. Ett bättre system. Ett komplext problem värt att lösa.
[email protected]