Adele Deliss — Študija primera

05 / UPRIZORITVENE UMETNOSTI / REZERVACIJE / VODENJE STUDIA

Adele Deliss

Večjezična platforma za zračno akrobatko, ki združuje 3D prizore po meri s povezanim delovnim prostorom studia za učne ure, naročnine in e-pošto.

Celostno oblikovanje izdelka in full-stack inženiring

OD DIGITALNEGA ODRA DO VODENJA STUDIA

3D prizori po meri

Interaktivni prizori z akrobatsko svilo in rekviziti prenašajo odrsko delo umetnice na splet z zanesljivim prilagodljivim upodabljanjem in čistimi statičnimi pogledi.

Redni tečaji in naročnine

Redni tečaji, naročniška mesta, beleženje prisotnosti in pravila odsotnosti neposredno povezujejo uporabniški račun tečajnikov z delovnim okoljem umetnice.

Vgrajeni Mailroom

Prejeta povpraševanja, pogovorne niti, priponke in uradni odgovori se upravljajo neposredno v skrbniškem vmesniku.

POTEK INŽENIRINGA

KONTEKST

Mednarodni nastopi. Vsakodnevno poučevanje.

Organizatorji dogodkov so potrebovali jasen vpogled v predstave in preprosto možnost stopiti v stik. Novi tečajniki so potrebovali enostaven način za povpraševanje po učnih urah, medtem ko so redni tečajniki želeli preveriti svoje termine in prisotnost. Za Adele je vodenje studia pomenilo usklajevanje povpraševanj, urnikov in sporočil tečajnikov brez izgube pregleda nad podrobnostmi.

PREOBRAZBA

Izrazit oder. Praktičen sistem za studio.

Javno spletno mesto sem oblikoval in razvil okoli 3D prizorov v zraku po meri ter večjezične predstavitve. V ozadju namensko območje za tečajnike in skrbniški delovni prostor združujeta odobritve učnih ur, urnike rednih tečajev, naročnine in e-pošto studia v en povezan sistem.

MOJE ODGOVORNOSTI

Oblikovanje izdelka, frontend in backend inženiring, logika urnikov in naročnin, območje za tečajnike in skrbnika, e-poštna infrastruktura ter 3D prizori po meri – z vključitvijo ilustracij naročnice v vizualno identiteto.

PRODUKTNA IZKUŠNJA

01 / 04LIVE SITE

AD / 3D prizori po meri

3D prizori po meri

Interaktivni prizori z akrobatsko svilo in rekviziti prenašajo odrsko delo umetnice na splet z zanesljivim prilagodljivim upodabljanjem in čistimi statičnimi pogledi.

02 / 04DOKAZI O PRODUKTU

AD / Povpraševanja za učne ure in računi tečajnikov

Povpraševanja za učne ure in računi tečajnikov

Tečajniki lahko preverijo razpoložljivost, oddajo povpraševanje za učne ure in v svojem uporabniškem računu spremljajo rezervacije ter prisotnost.

Ponazoritveni vmesnik · vzorčni podatki

03 / 04DOKAZI O PRODUKTU

AD / Redni tečaji in naročnine

Redni tečaji in naročnine

Redni tečaji, naročniška mesta, beleženje prisotnosti in pravila odsotnosti neposredno povezujejo uporabniški račun tečajnikov z delovnim okoljem umetnice.

Ponazoritveni vmesnik · vzorčni podatki

04 / 04DOKAZI O PRODUKTU

AD / Vgrajeni Mailroom

Vgrajeni Mailroom

Prejeta povpraševanja, pogovorne niti, priponke in uradni odgovori se upravljajo neposredno v skrbniškem vmesniku.

Ponazoritveni vmesnik · vzorčni podatki

DOKAZI O PRODUKTU

3D prizori po meri

Interaktivni prizori z akrobatsko svilo in rekviziti prenašajo odrsko delo umetnice na splet z zanesljivim prilagodljivim upodabljanjem in čistimi statičnimi pogledi.

KREATIVNI INŽENIRING

Ples v zraku na spletu.

Videz in občutek spletnega mesta izhajata neposredno iz nastopov v zraku: svila, obroč, drog in trakovi postanejo interaktivni 3D prizori namesto statične galerije fotografij. Svetla in temna tema ter prilagoditve za zmanjšano gibanje so bili zasnovani že od samega začetka.

.adele-technical-trigger { display: none; }

Raziščite upodabljanje in simulacijo blaga

3D prizori po meri s skrbno vodenim življenjskim ciklom upodabljanja.

Simulacijo zračne svile sem razvil z integracijo Verlet, tipiziranimi nizi in omejitvami razdalje. Reševalnik posodablja položaje mreže neposredno v pomnilniku brez novih alokacij ob vsakem izrisu (frame), tako da tkanina visi s svojih sidrišč in se naravno odziva na gravitacijo ter veter.

Vsi prizori z rekviziti si delijo en sam trajen izrisovalni kontekst in kamero Three.js. Omejitve razmerja slikovnih pik, prilagodljiva kakovost, začasna ustavitev zunaj zaslona in čisto sproščanje virov ohranjajo upodabljanje lahkotno, medtem ko način zmanjšanega gibanja preklopi na umirjene, statične poglede.

STUDIJSKO POSLOVANJE

Zgrajeno okoli resničnega načina poučevanja v studiu.

Povpraševanje po prvi učni uri zahteva odobritev umetnice, medtem ko redna naročnina rezervira mesto na stalnih tedenskih tečajih. Ti poti sem zasnoval ločeno ter povezal razpoložljivost, ustvarjanje terminov, omejitve zmogljivosti, beleženje prisotnosti in uporabniške račune tečajnikov, namesto da bi vse rezervacije silil skozi enak generičen obrazec.

Povpraševanja za učne ure

Zahteva tečajnika
Odobritev umetnice
Potrjena učna ura

Redni tečaji

Tedenski tečaji
Termini z datumi
Rezervirana mesta
Prisotnost

Povpraševanja je mogoče tudi zavrniti ali predlagati nadomestne termine. Mesta na rednih naročniških tečajih sledijo lastnim pravilom rezervacij in prisotnosti.

.adele-technical-trigger { display: none; }

Raziščite urnik in pravila naročnin

Mesta v rednih tečajih, postopki odobritve in prisotnost.

Tedenske predloge samodejno generirajo termine tečajev z datumi. Naročniška obdobja krijejo 8 ali 12 načrtovanih učnih ur na izbrane dneve, pri čemer rezervirajo stalno mesto in beležijo prisotnost za vsak datum. Strežniška pravila uveljavljajo rok za odpoved in obnovitev udeležbe s strani tečajnika, ki znaša 24 ur pred začetkom termina.

Kadar umetnica odpove termin, se upravičena naročniška mesta samodejno prenesejo na kasnejši datum. Odpovedi tečajnikov, prazniki in zaprtja studia sledijo lastnim pravilom, umetnica pa lahko preglasi uvožene praznike, kadar se odloči poučevati. Čiste domenske funkcije v TypeScriptu ohranjajo doslednost teh pravil tako pri lokalnih mockih kot v podatkovnih adapterjih D1.

INTEGRIRANA KOMUNIKACIJA

E-poštni predal studia, vgrajen neposredno v delovni prostor.

Mailroom sem zgradil zato, da se povpraševanja za nastope, prošnje za učne ure in odgovori tečajnikov upravljajo neposredno ob urniku tečajev. V skrbniški delovni prostor prinaša dohodno e-pošto, pogovorne niti, iskanje, priponke in odgovore v podobi blagovne znamke.

Potek e-pošte

Dohodna e-pošta
Neobdelana e-pošta in pogovorna nit
Varen bralnik
Odgovor poslan

.adele-technical-trigger { display: none; }

Raziščite e-poštni cevovod in varni bralnik

Od dohodne e-pošte do varnega in čistega bralnega pogleda.

Namenski Email Worker sprejema dohodna sporočila, shrani neobdelano datoteko MIME v R2 in aplikaciji posreduje strukturirane metapodatke. Začetni zajem razčleni vsebino sporočila znotraj varnostne omejitve velikosti, medtem ko brskalnik po potrebi naloži knjižnico postal-mime za odpiranje celotnih izvirnikov. Baza D1 hrani pogovorne niti za iskanje, storitev Resend pa skrbi za zanesljivo pošiljanje odgovorov.

Dohodna e-poštna sporočila HTML so sanitizirana in prikazana v izoliranem okviru (sandboxed frame) s strogimi varnostnimi pravili vsebine. Oddaljene slike so zaradi zasebnosti privzeto blokirane. Predogledi priponk so omejeni na varne formate slik, odhodna e-poštna sporočila pa natančno sledijo vizualni podobi studia.

FULL-STACK ARHITEKTURA

Jasna poslovna pravila. Čiste infrastrukturne meje.

Javno spletno mesto, območje za tečajnike in skrbniški delovni prostor med seboj komunicirajo prek tipsko varnih storitvenih pogodb. Ker so pravila studia ločena od baze podatkov in e-poštne kode, je mogoče logiko razporejanja testirati lokalno ter jo zanesljivo poganjati na platformi Cloudflare.

.adele-technical-trigger { display: none; }

Raziščite platformo in meje avtentikacije

Robna aplikacija, zgrajena okoli testabilnega jedra.

Aplikacija poganja Next.js na Cloudflare Workers prek adapterja OpenNext. D1 hrani relacijske podatke, R2 shranjuje neobdelane e-poštne datoteke, adapterji mock pa omogočajo hitro in predvidljivo lokalno testiranje. Odvisnosti od baze podatkov in e-pošte ostajajo zunaj čiste poslovne logike v TypeScriptu.

Skrbniški dostop in računi tečajnikov uporabljajo ločeni meji avtentikacije. Better Auth upravlja prijavo tečajnikov s predpomnilnikom podpisanih piškotkov, ki velja 5 minut, vsako dejanje, ki spreminja podatke, pa ponovno preveri status uporabniškega računa. Avtomatizirani testi pokrivajo pravila studia, ključne uporabniške poti in osnovno dostopnost; ti testi sicer ne zagotavljajo popolne skladnosti z vsemi standardi dostopnosti.

KAJ SE JE SPREMENILO

En sistem za oder in studio

Obiskovalci lahko raziščejo ustvarjanje umetnice ter oddajo povpraševanje za nastope ali učne ure, tečajniki upravljajo svoje rezervacije v lastnem uporabniškem računu, Adele pa z enega mesta vodi tečaje, naročnine, prisotnost in e-pošto.

TEHNOLOGIJA Z NAMENOM

Next.js, React in TypeScript tvorijo jedro aplikacije, medtem ko Three.js, GSAP in Lenis poganjajo interaktivno javno izkušnjo. OpenNext poganja aplikacijo Next.js na platformi Cloudflare Workers z bazo D1 za zapise in shrambo R2 za neobdelano e-pošto. Better Auth upravlja uporabniške račune tečajnikov, Resend pošilja odhodno e-pošto, Cloudinary pa skrbi za dostavo medijskih vsebin.

KLJUČNO SPOZNANJE

Najlepši del tega projekta je bila povezava dveh povsem različnih svetov: umetnici omogočiti izrazit način za predstavitev njenega odrskega ustvarjanja, obenem pa zgraditi praktična orodja, ki ji vsakodnevno lajšajo vodenje studia.

NASLEDNJI PROJEKT / 01New Leasing

IMATE NEKAJ V MISLIH?

Zgradimo nekaj, kar šteje.

Nov izdelek. Boljši sistem. Zahteven izziv, ki ga je vredno rešiti.

[email protected]