Vlastné 3D scény
Interaktívne scény s akrobatickými šálami a náradím prenášajú javiskovú prácu umelkyne na web, s adaptívnym vykresľovaním a čistými statickými náhľadmi.
Adele Deliss
Viacjazyčná platforma pre vzdušnú akrobatku prepájajúca vlastné 3D scény s funkčným zázemím štúdia pre správu lekcií, predplatného a e-mailovej komunikácie.
End-to-end produktový dizajn a full-stack engineeringOD DIGITÁLNEHO JAVISKA K PREVÁDZKE ŠTÚDIA
Lekcie štúdia a správa predplatného
Pravidelné kurzy, predplatiteľské miesta, sledovanie dochádzky a kalendár prázdnin prepájajú klientsku zónu účastníkov s pracovným priestorom umelkyne.
Zabudovaný Mailroom
Prichádzajúce dopyty, e-mailové vlákna, prílohy a odpovede vo vizuálnom štýle značky sa spravujú priamo v administračnom prostredí.
POSTUP RIEŠENIA
Medzinárodné vystúpenia. Každodenné vyučovanie.
Organizátori akcií potrebovali prehľadný spôsob, ako sa zoznámiť s vystúpeniami a dohodnúť spoluprácu. Noví záujemcovia potrebovali jednoduchú cestu, ako požiadať o lekciu, a stály kurzisti prehľad o svojich kurzoch a dochádzke. Pre Adele znamenala prevádzka štúdia neustále sledovanie dopytov, rozvrhov a správ od účastníkov bez toho, aby sa v detailoch stratila.
Pôsobivá scéna. Praktický systém pre štúdio.
Navrhol a postavil som verejný web s vlastnými 3D akrobatickými scénami a viacjazyčnou prezentáciou. V zázemí potom klientska zóna pre kurzistov a administrácia štúdia prepájajú schvaľovanie lekcií, rozvrhy pravidelných kurzov, predplatné i štúdiový e-mail do jedného uceleného systému.
Produktový dizajn, frontendový i backendový vývoj, logika rozvrhov a predplatného, klientska zóna kurzistov i administrácia štúdia, e-mailová infraštruktúra a vlastné 3D scény – vrátane zapracovania grafických podkladov od klientky do ucelenej vizuálnej identity.
01 / 04LIVE SITE
AD / Vlastné 3D scény
Vlastné 3D scény
Interaktívne scény s akrobatickými šálami a náradím prenášajú javiskovú prácu umelkyne na web, s adaptívnym vykresľovaním a čistými statickými náhľadmi.
02 / 04PRODUKTOVÉ VÝSTUPY
AD / Dopyty na lekcie a účty kurzistov
Dopyty na lekcie a účty kurzistov
Záujemcovia a kurzisti si môžu overiť dostupnosť, požiadať o lekcie a vo svojom vlastnom klientskom účte sledovať rezervácie a dochádzku.
Ukážkové rozhranie · vzorové údaje
03 / 04PRODUKTOVÉ VÝSTUPY
AD / Lekcie štúdia a správa predplatného
Lekcie štúdia a správa predplatného
Pravidelné kurzy, predplatiteľské miesta, sledovanie dochádzky a kalendár prázdnin prepájajú klientsku zónu účastníkov s pracovným priestorom umelkyne.
Ukážkové rozhranie · vzorové údaje
04 / 04PRODUKTOVÉ VÝSTUPY
AD / Zabudovaný Mailroom
Zabudovaný Mailroom
Prichádzajúce dopyty, e-mailové vlákna, prílohy a odpovede vo vizuálnom štýle značky sa spravujú priamo v administračnom prostredí.
Ukážkové rozhranie · vzorové údaje
PRODUKTOVÉ VÝSTUPY
Vlastné 3D scény
Interaktívne scény s akrobatickými šálami a náradím prenášajú javiskovú prácu umelkyne na web, s adaptívnym vykresľovaním a čistými statickými náhľadmi.
Pohyb vo vzduchu na webe.
Akrobatické scény prenášajú pohyb a náradie z pódia priamo na web bez toho, aby zahltili procesor zariadenia. Navrhol som vlastné 3D scény v Three.js so simuláciou hodvábu, adaptívnym škálovaním detailov a citlivým prístupom k obmedzeniu pohybu.
Postavené na tom, ako štúdio reálne učí.
Prvá žiadosť o lekciu vyžaduje osobné schválenie umelkyňou, zatiaľ čo pravidelné predplatné priamo rezervuje miesto v týždenných kurzoch. Tieto scenáre som navrhol ako samostatné procesy, ktoré prepájajú dostupnosť, automatické generovanie termínov, kapacitné limity, dochádzku a účty účastníkov, namiesto nútenia všetkých požiadaviek do jedného univerzálneho formulára.
- Dopyt kurzistu
- Schválenie umelkyňou
- Potvrdená lekcia
- Týždenné kurzy
- Termíny lekcií
- Rezervované miesta
- Dochádzka
Žiadosti o lekciu možno tiež odmietnuť alebo ponúknuť náhradné termíny. Miesta v pravidelnom predplatnom sa riadia vlastnými pravidlami rezervácie a dochádzky.
E-mailová schránka štúdia priamo v pracovnom prostredí.
Vytvoril som Mailroom, aby bolo možné dopyty po vystúpeniach, žiadosti o lekcie aj správy od kurzistov spravovať priamo vedľa štúdiového rozvrhu. Zjednocuje prichádzajúcu poštu, konverzačné vlákna, fulltextové vyhľadávanie, prílohy aj odpovede v jednotnom štýle značky priamo do administračného prostredia.
- Prichádzajúci e-mail
- Pôvodná správa a vlákno
- Bezpečný náhľad správy
- Odoslanie odpovede
Jasné doménové pravidlá. Čisté hranice infraštruktúry.
Verejný web, klientska zóna kurzistov aj administrácia štúdia spolu komunikujú prostredníctvom typovo bezpečných servisných kontraktov. Pretože pravidlá štúdia sú napísané ako čisté funkcie v TypeScript, je možné ich okamžite spustiť na Cloudflare Workers i testovať lokálne v priebehu milisekúnd.
Kompletný systém pre umelkyňu a jej štúdio
Návštevníci môžu preskúmať tvorbu umelkyne a dopytovať vystúpenia či lekcie, kurzisti spravujú svoje rezervácie vo vlastnom klientskom účte a Adele riadi výučbu, predplatné, dochádzku i celú e-mailovú komunikáciu z jedného miesta.
Next.js, React a TypeScript tvoria jadro aplikácie, zatiaľ čo Three.js, GSAP a Lenis poháňajú interaktívny klientsky zážitok. OpenNext prevádzkuje aplikáciu Next.js na Cloudflare Workers, s D1 pre relačné dáta a R2 pre bezpečné úložisko e-mailov. Better Auth spravuje klientske účty kurzistov, Resend zabezpečuje odchádzajúcu poštu a Cloudinary spravuje médiá.
Najväčším prínosom tohto projektu bolo prirodzené prepojenie dvoch veľmi odlišných svetov: vytvoriť pre umelkyňu pôsobivú prezentáciu jej javiskového umenia a zároveň postaviť praktické nástroje, ktoré jej každý deň uľahčujú chod celého štúdia.
Poďme postaviť niečo, čo má zmysel.
Nový digitálny produkt. Efektívnejší systém. Alebo komplexná výzva, ktorá si žiada riešenie.
[email protected]