Vlastní 3D scény
Interaktivní scény s akrobatickými šálami a náčiním přenášejí jevištní práci umělkyně na web, s adaptivním vykreslováním a čistými statickými náhledy.
Adele Deliss
Vícejazyčná platforma pro vzdušnou akrobatku propojující vlastní 3D scény s funkčním zázemím studia pro správu lekcí, předplatných a e-mailové komunikace.
End-to-end produktový design a full-stack engineeringOD DIGITÁLNÍHO JEVIŠTĚ K PROVOZU STUDIA
Lekce studia a správa předplatných
Pravidelné kurzy, předplatitelská místa, sledování docházky a prázdninový kalendář propojují klientskou zónu účastníků s pracovním prostorem umělkyně.
Vestavěný Mailroom
Příchozí poptávky, e-mailová vlákna, přílohy a odpovědi ve vizuálním stylu značky jsou spravovány přímo v administračním prostředí.
POSTUP ŘEŠENÍ
Mezinárodní vystoupení. Každodenní výuka.
Organizátoři akcí potřebovali přehledný způsob, jak se seznámit s vystoupeními a domluvit spolupráci. Noví zájemci potřebovali snadnou cestu, jak požádat o lekci, a stálí kurzisté přehled o svých kurzech a docházce. Pro Adele znamenal provoz studia neustálé sledování poptávek, rozvrhů a zpráv od účastníků, aniž by se v detailech ztratila.
Působivá scéna. Praktický systém pro studio.
Navrhl a postavil jsem veřejný web s vlastními 3D akrobatickými scénami a vícejazyčnou prezentací. V zázemí pak klientská zóna pro kurzisty a administrace studia propojují schvalování lekcí, rozvrhy pravidelných kurzů, předplatná i studiový e-mail do jednoho uceleného systému.
Produktový design, frontendový i backendový vývoj, logika rozvrhů a předplatných, klientská zóna kurzistů i administrace studia, e-mailová infrastruktura a vlastní 3D scény – včetně zapracování grafických podkladů od klientky do ucelené vizuální identity.
01 / 04LIVE SITE
AD / Vlastní 3D scény
Vlastní 3D scény
Interaktivní scény s akrobatickými šálami a náčiním přenášejí jevištní práci umělkyně na web, s adaptivním vykreslováním a čistými statickými náhledy.
02 / 04PRODUKTOVÉ VÝSTUPY
AD / Poptávky lekcí a účty kurzistů
Poptávky lekcí a účty kurzistů
Zájemci a kurzisté mohou zjišťovat dostupnost, žádat o lekce a ve svém vlastním klientském účtu sledovat rezervace a docházku.
Ukázkové rozhraní · vzorová data
03 / 04PRODUKTOVÉ VÝSTUPY
AD / Lekce studia a správa předplatných
Lekce studia a správa předplatných
Pravidelné kurzy, předplatitelská místa, sledování docházky a prázdninový kalendář propojují klientskou zónu účastníků s pracovním prostorem umělkyně.
Ukázkové rozhraní · vzorová data
04 / 04PRODUKTOVÉ VÝSTUPY
AD / Vestavěný Mailroom
Vestavěný Mailroom
Příchozí poptávky, e-mailová vlákna, přílohy a odpovědi ve vizuálním stylu značky jsou spravovány přímo v administračním prostředí.
Ukázkové rozhraní · vzorová data
PRODUKTOVÉ VÝSTUPY
Vlastní 3D scény
Interaktivní scény s akrobatickými šálami a náčiním přenášejí jevištní práci umělkyně na web, s adaptivním vykreslováním a čistými statickými náhledy.
Přenést vzdušnou akrobacii na web.
Celkový vizuální styl vychází přímo z pohybů vzdušné akrobacie: šály, kruh, tyč i popruhy ožívají v interaktivních 3D scénách namísto pouhé statické fotogalerie. Světlý i tmavý motiv a režim s omezením pohybu byly pevnou součástí návrhu již od samého začátku.
Navrženo podle skutečného fungování výuky.
První žádost o lekci vyžaduje osobní schválení umělkyní, zatímco pravidelné předplatné přímo rezervuje místo v týdenních kurzech. Tyto scénáře jsem navrhl jako samostatné procesy, které propojují dostupnost, automatické generování termínů, kapacitní limity, docházku a účty účastníků, namísto nucení všech požadavků do jednoho univerzálního formuláře.
- Poptávka kurzisty
- Schválení umělkyní
- Potvrzená lekce
- Týdenní kurzy
- Termíny lekcí
- Rezervovaná místa
- Docházka
Žádosti o lekci lze také odmítnout nebo nabídnout náhradní termíny. Místa v pravidelném předplatném se řídí vlastními pravidly rezervace a docházky.
E-mailová schránka studia přímo v pracovním prostředí.
Vytvořil jsem Mailroom, aby bylo možné poptávky po vystoupeních, žádosti o lekce i zprávy od kurzistů spravovat přímo vedle studiového rozvrhu. Sjednocuje příchozí poštu, konverzační vlákna, fulltextové vyhledávání, přílohy i odpovědi v jednotném stylu značky přímo do administračního prostředí.
- Příchozí e-mail
- Původní zpráva a vlákno
- Bezpečný náhled zprávy
- Odeslání odpovědi
Jasná pravidla fungování. Čisté hranice infrastruktury.
Veřejný web, klientská zóna pro účastníky a administrace studia spolu komunikují prostřednictvím typově bezpečných rozhraní (service contracts). Jelikož jsou provozní pravidla studia striktně oddělena od databázového a e-mailového kódu, lze logiku rozvrhů spolehlivě testovat lokálně a bez obav provozovat na infrastruktuře Cloudflare.
Jeden systém pro jeviště i studio
Návštěvníci mohou prozkoumat tvorbu umělkyně a poptat vystoupení či lekce, kurzisté spravují své rezervace ve vlastním klientském účtu a Adele řídí výuku, předplatná, docházku i veškerou e-mailovou komunikaci z jednoho místa.
Next.js, React a TypeScript tvoří jádro aplikace, zatímco Three.js, GSAP a Lenis pohánějí interaktivní klientský zážitek. OpenNext provozuje aplikaci Next.js na Cloudflare Workers, s D1 pro relační data a R2 pro bezpečné úložiště e-mailů. Better Auth spravuje klientské účty kurzistů, Resend zajišťuje odchozí poštu a Cloudinary spravuje média.
Největším přínosem tohoto projektu bylo přirozené propojení dvou velmi odlišných světů: vytvořit pro umělkyni působivou prezentaci jejího jevištního umění a zároveň postavit praktické nástroje, které jí každý den usnadňují chod celého studia.
Pojďme postavit něco, co má smysl.
Nový digitální produkt. Efektivnější systém. Nebo komplexní výzva, která si žádá řešení.
[email protected]