Adele Deliss — Studim rasti

05 / ARTE SKENIKE / REZERVIME / OPERACIONE STUDIOJE

Adele Deliss

Një platformë shumëgjuhëshe për një akrobate ajrore, që kombinon skena 3D të personalizuara me një hapësirë pune të integruar për mësimet, abonimet dhe postën elektronike.

Dizajn produkti & inxhinieri full-stack nga fillimi në fund

NGA SKENA DIGJITALE TE OPERACIONET E STUDIOS

Skena 3D të personalizuara

Skenat interaktive me pëlhura dhe aparate akrobatike sjellin performancat skenike të artistes në web, me renderim përshtatës dhe pamje statike të qarta inxhinierike.

Klasat e studios dhe abonimet

Klasat periodike, vendet e abonimeve, gjurmimi i pjesëmarrjes dhe rregullat e pushimeve lidhin hapësirën e kursantëve me ambientin e punës së artistes.

Një Mailroom i integruar

Kërkesat në hyrje, temat e bisedave, bashkëngjitjet dhe përgjigjet e personalizuara me identitetin e markës menaxhohen drejtpërdrejt brenda hapësirës së punës së administratorit.

SI ARRITA KËTU

KONTEKSTI

Shfaqje ndërkombëtare. Mësimdhënia e përditshme.

Organizatorët e eventeve kishin nevojë për një mënyrë të qartë për të eksploruar performancat dhe për të kontaktuar me artisten. Kursantët e rinj kërkonin një mënyrë të thjeshtë për të rezervuar një mësim, ndërsa kursantët e rregullt duhej të kontrollonin oraret e klasave dhe frekuentimin. Për Adele-n, drejtimi i studios kërkonte menaxhimin e kërkesave, orareve dhe mesazheve të kursantëve pa humbur asnjë detaj.

TRANSFORMIMI

Një skenë shprehëse. Një sistem praktik për studion.

Dizajnova dhe ndërtova faqen publike rreth skenave 3D të personalizuara të akrobacisë ajrore dhe një prezantimi shumëgjuhësh. Pas saj, hapësirat e dedikuara për kursantët dhe administratorin bashkojnë miratimet e mësimeve, oraret e klasave periodike, abonimet dhe komunikimet me email të studios në një sistem të vetëm e të integruar.

PËRGJEGJËSITË E MIA

Dizajn produkti, inxhinieri frontend dhe backend, logjika e orareve dhe abonimeve, portalet e kursantëve dhe të administratorit, infrastruktura e postës elektronike dhe skenat 3D të personalizuara—duke përshtatur ilustrimet e klientes në identitetin vizual.

PËRVOJA E PRODUKTIT

01 / 04LIVE SITE

AD / Skena 3D të personalizuara

Skena 3D të personalizuara

Skenat interaktive me pëlhura dhe aparate akrobatike sjellin performancat skenike të artistes në web, me renderim përshtatës dhe pamje statike të qarta inxhinierike.

02 / 04DËSHMI TË PRODUKTIT

AD / Kërkesa për mësime dhe llogaritë e kursantëve

Kërkesa për mësime dhe llogaritë e kursantëve

Kursantët mund të kontrollojnë disponueshmërinë, të kërkojnë mësime dhe të përdorin zonën e tyre të llogarisë për të ndjekur rezervimet dhe pjesëmarrjen.

Ndërfaqe përfaqësuese · të dhëna shembull

03 / 04DËSHMI TË PRODUKTIT

AD / Klasat e studios dhe abonimet

Klasat e studios dhe abonimet

Klasat periodike, vendet e abonimeve, gjurmimi i pjesëmarrjes dhe rregullat e pushimeve lidhin hapësirën e kursantëve me ambientin e punës së artistes.

Ndërfaqe përfaqësuese · të dhëna shembull

04 / 04DËSHMI TË PRODUKTIT

AD / Një Mailroom i integruar

Një Mailroom i integruar

Kërkesat në hyrje, temat e bisedave, bashkëngjitjet dhe përgjigjet e personalizuara me identitetin e markës menaxhohen drejtpërdrejt brenda hapësirës së punës së administratorit.

Ndërfaqe përfaqësuese · të dhëna shembull

DËSHMI TË PRODUKTIT

Skena 3D të personalizuara

Skenat interaktive me pëlhura dhe aparate akrobatike sjellin performancat skenike të artistes në web, me renderim përshtatës dhe pamje statike të qarta inxhinierike.

INXHINIERI KRIJUESE

Sjellja e lëvizjes akrobatike ajrore në web.

Përvoja publike sjell në jetë performancat e artistes përmes skenave interaktive 3D me pëlhura ajrore dhe aparate akrobatike. Në vend që kanvasi 3D të trajtohej si një sfond thjesht dekorativ, i ndërtova skenat me cikle renderimi të kufizuara, cilësi përshtatëse ndaj pajisjes dhe pamje statike të mirëprojektuara.

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

Eksploro renderimin dhe simulimin e pëlhurës

Skena 3D të personalizuara me një cikël renderimi të menaxhuar me përpikëri.

Ndërtova simulimin e pëlhurave të akrobacisë ajrore duke përdorur integrimin Verlet, vargje të tipizuara (typed arrays) dhe kufizime distance. Zgjidhësi (solver) përditëson pozicionet e rrjetës (mesh) drejtpërdrejt në memorie pa krijuar alokime të reja në çdo frame, duke bërë që pëlhura të varet natyrshëm nga pikat e ankorimit dhe të reagojë ndaj gravitetit dhe erës.

Të gjitha skenat me aparate ndajnë një kontekst renderimi dhe kamerë të qëndrueshme në Three.js. Limitet e dendësisë së pikselëve (pixel-ratio), cilësia përshtatëse, pezullimi jashtë ekranit dhe pastrimi i burimeve e mbajnë renderimin shumë të lehtë, ndërsa modaliteti i lëvizjes së reduktuar kalon automatikisht në skena të qeta dhe pamje statike.

OPERACIONE STUDIOJE

E ndërtuar rreth mënyrës se si studioja jep realisht mësim.

Kërkesa për një mësim të parë kërkon miratimin e artistes, ndërsa një abonim periodik rezervon një vend fiks në klasat javore. I ndërtova këto si rrjedha pune të veçanta, duke ndërlidhur disponueshmërinë, gjenerimin e klasave, limitet e kapacitetit, frekuentimin dhe llogaritë e kursantëve, në vend që çdo rezervim të detyrohej përmes të njëjtit formular të përgjithshëm.

Kërkesat për mësime

Kërkesë nga kursanti
Miratimi i artistes
Mësim i konfirmuar

Klasat periodike

Klasat javore
Seanca me data fikse
Vendet e rezervuara
Pjesëmarrja

Kërkesat mund të refuzohen ose t'u ofrohen orare alternative. Vendet e abonimeve periodike ndjekin rregullat e tyre specifike të rezervimit dhe frekuentimit.

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

Eksploro rregullat e orareve dhe abonimeve

Vende të rezervuara në klasa periodike, rrjedha miratimi dhe pjesëmarrje.

Shabllonet javore gjenerojnë klasa me data fikse në studio. Periudhat e abonimit mbulojnë 8 ose 12 mësime të planifikuara në ditët e zgjedhura, duke mbajtur një vend të rezervuar dhe duke gjurmuar pjesëmarrjen për çdo datë. Rregullat në server zbatojnë afatin prej 24 orësh para fillimit të klasës për anulimet dhe rivendosjet nga ana e kursantëve.

Kur artistja anulon një klasë, vendet e abonimeve të kualifikuara shtyhen automatikisht për një datë të mëvonshme. Anulimet nga kursantët, ditët festive dhe pushimet e studios ndjekin rregullat e tyre specifike, dhe artistja mund të mbishkruajë pushimet e importuara kurdo që vendos të japë mësim. Funksionet e pastra të domenit (pure domain functions) i mbajnë këto rregulla konsistente si në simulimet lokale (mocks), ashtu edhe në përshtatësit e bazës së të dhënave D1.

KOMUNIKIM I INTEGRUAR

Një kuti poste për studion e integruar brenda ambientit të punës.

Ndërtova Mailroom-in në mënyrë që kërkesat për performanca, rezervimet e mësimeve dhe përgjigjet e kursantëve të menaxhoheshin krah për krah me kalendarin e klasave. Ai integron postën hyrëse, temat e bisedave, kërkimin, bashkëngjitjet dhe përgjigjet me identitetin e markës drejtpërdrejt në hapësirën e administratorit.

Rrjedha e postës elektronike

Email në hyrje
Postë origjinale & bisedë
Lexues i sigurt
Përgjigje e dërguar

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

Eksploro arkitekturën e postës elektronike dhe lexuesin e sigurt

Nga posta elektronike hyrëse te një përvojë leximi e sigurt dhe e pastër.

Një Email Worker pranon mesazhet hyrëse, ruan skedarin origjinal MIME në R2 dhe i kalon të dhëna të strukturuara aplikacionit. Përpunimi fillestar analizon trupin e mesazhit brenda një limiti të sigurt madhësie, ndërsa shfletuesi ngarkon postal-mime sipas nevojës gjatë hapjes së origjinalit të plotë. D1 ruan temat e bisedave për kërkim të shpejtë, ndërsa Resend shpërndan përgjigjet.

Mesazhet hyrëse HTML pastrohen nga elementet e pasigurta (sanitized) dhe hapen brenda një kornize të izoluar (sandboxed frame) me një politikë strikte përmbajtjeje. Imazhet e jashtme bllokohen automatikisht për ruajtjen e privatësisë. Pamjet paraprake të bashkëngjitjeve kufizohen në formate të sigurta imazhesh, ndërsa mesazhet dalëse ndjekin përpikmërisht identitetin vizual të studios.

ARKITEKTURË FULL-STACK

Rregulla produkti me kufij të qartë infrastrukture.

Faqja publike, portali i kursantëve dhe hapësira e punës së administratorit komunikojnë përmes kontratave të shërbimit type-safe. Meqenëse rregullat e studios mbahen të ndara nga kodi i bazës së të dhënave dhe i postës elektronike, logjika e orareve mund të testohet lokalisht dhe të ekzekutohet me besueshmëri të plotë në Cloudflare.

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

Eksploro platformën dhe kufijtë e autentikimit

Një aplikacion në skaj (edge) me një bërthamë domeni plotësisht të testueshme.

OpenNext ndërton aplikacionin Next.js për Cloudflare Workers. Shtresat e shërbimit type-safe në TypeScript i mbajnë të qarta faqen publike, rrugëzimet e kursantëve dhe veprimet e administratorit, me D1 për ruajtjen e të dhënave të strukturuara të studios dhe R2 për skedarët origjinalë MIME.

Aksesi i administratorit dhe llogaritë e kursantëve përdorin kufij të ndarë autentikimi. Better Auth menaxhon hyrjen e kursantëve me një cache të nënshkruar në cookie që zgjat 5 minuta, dhe çdo veprim që modifikon të dhëna verifikon rishtazi statusin e llogarisë së kursantit. Testet e automatizuara mbulojnë rregullat e studios, rrjedhat kryesore të përdoruesve dhe kontrollet e aksesueshmërisë; këto kontrolle nuk garantojnë pajtueshmëri të plotë ligjore të aksesueshmërisë.

ÇFARË NDRYSHOI

Një skenë publike. Një sistem operativ për studion.

Vizitorët mund të eksplorojnë veprën e artistes dhe të kërkojnë shfaqje apo mësime, kursantët menaxhojnë rezervimet nga llogaritë e tyre, ndërsa Adele administron klasat, abonimet, pjesëmarrjen dhe email-in nga një vend i vetëm.

TEKNOLOGJI, ME NJË QËLLIM

Next.js, React dhe TypeScript formojnë bazën e aplikacionit, ndërsa Three.js, GSAP dhe Lenis fuqizojnë përvojën interaktive publike. OpenNext ekzekuton aplikacionin Next.js në Cloudflare Workers, me D1 për të dhënat dhe R2 për ruajtjen e skedarëve origjinalë të postës. Better Auth menaxhon llogaritë e kursantëve, Resend dërgon mesazhet dalëse dhe Cloudinary shpërndan materialet mediatike.

PËRFUNDIMI

Pjesa më e bukur e këtij projekti ishte lidhja e dy anëve shumë të ndryshme të punës: krijimi i një mënyre shprehëse për të prezantuar atë që artistja realizon në skenë, krahas ndërtimit të mjeteve praktike që lehtësojnë çdo ditë drejtimin e studios së saj.

PROJEKTI TJETËR / 01New Leasing

KENI NJË PROJEKT NË MENDJE?

Le të ndërtojmë diçka me vlerë.

Një produkt i ri. Një sistem më efikas. Një problem kompleks që ia vlen të zgjidhet.

[email protected]