3D scene po mjeri
Interaktivne scene sa zračnom svilom i rekvizitima prenose scenski nastup umjetnice na web, uz prilagodljivo renderiranje i promišljene statične prikaze.
Adele Deliss
Višejezična platforma za zračnu akrobatkinju, koja povezuje prilagođene 3D scene s radnim prostorom studija za satove, pretplate i e-poštu.
Dizajn proizvoda i full-stack razvoj od početka do krajaPOKRET U ZRAKU · OPERACIJE STUDIJA
Grupni satovi i pretplate
Redoviti grupni satovi, rezervirana mjesta u pretplatama, evidencija dolazaka i pravila za neradne dane povezuju prostor za polaznike s radnim prostorom umjetnice.
Ugrađeni Mailroom
Dolazni upiti, dijaloške niti, privitci i brendirani odgovori studija uređuju se izravno unutar administrativnog radnog prostora.
KAKO SAM DOŠAO DO RJEŠENJA
Međunarodni nastupi. Svakodnevno podučavanje.
Organizatorima događanja trebao je jasan pregled nastupa i jednostavan način stupanja u kontakt. Novim polaznicima trebao je intuitivan način za prijavu na sat, dok su stalni polaznici trebali uvid u svoje termine i evidenciju dolazaka. Za Adele je vođenje studija značilo praćenje upita, rasporeda i poruka polaznika bez gubljenja ključnih detalja.
Izražajna pozornica. Praktičan sustav za studio.
Dizajnirao sam i izgradio javnu web stranicu oko prilagođenih 3D zračnih scena i višejezične prezentacije. U pozadini, namjenski prostori za polaznike i administraciju objedinjuju odobrenja satova, tjedne rasporede, pretplate i e-poštu studija u jedinstven, povezan sustav.
Dizajn proizvoda, frontend i backend inženjering, logika rasporeda i pretplata, portali za polaznike i administraciju, infrastruktura e-pošte i prilagođene 3D scene — uz adaptaciju vizualnih materijala klijentice u jedinstven identitet.
01 / 04LIVE SITE
AD / 3D scene po mjeri
3D scene po mjeri
Interaktivne scene sa zračnom svilom i rekvizitima prenose scenski nastup umjetnice na web, uz prilagodljivo renderiranje i promišljene statične prikaze.
02 / 04PRODUKCIJSKI DOKAZI
AD / Zahtjevi za satove i računi polaznika
Zahtjevi za satove i računi polaznika
Polaznici mogu provjeriti dostupnost termina, zatražiti individualne satove i koristiti vlastiti korisnički račun za praćenje rezervacija i dolazaka.
Ogledno sučelje · reprezentativni podaci
03 / 04PRODUKCIJSKI DOKAZI
AD / Grupni satovi i pretplate
Grupni satovi i pretplate
Redoviti grupni satovi, rezervirana mjesta u pretplatama, evidencija dolazaka i pravila za neradne dane povezuju prostor za polaznike s radnim prostorom umjetnice.
Ogledno sučelje · reprezentativni podaci
04 / 04PRODUKCIJSKI DOKAZI
AD / Ugrađeni Mailroom
Ugrađeni Mailroom
Dolazni upiti, dijaloške niti, privitci i brendirani odgovori studija uređuju se izravno unutar administrativnog radnog prostora.
Ogledno sučelje · reprezentativni podaci
PRODUKCIJSKI DOKAZI
3D scene po mjeri
Interaktivne scene sa zračnom svilom i rekvizitima prenose scenski nastup umjetnice na web, uz prilagodljivo renderiranje i promišljene statične prikaze.
Pokret u zraku na webu.
Izradio sam prilagođene Three.js modele rekvizita i Verlet simulaciju svile kako bih prenio scensku prisutnost umjetnice na ekran. Budući da su performanse na webu ključne, scene se prilagođavaju mogućnostima uređaja, pauziraju izvan zaslona i nude promišljene statične alternative kada je uključeno smanjenje pokreta.
Izgrađeno oko stvarnog načina na koji studio podučava.
Prvi upit za individualni sat traži odobrenje umjetnice, dok redovita pretplata osigurava mjesto u stalnim tjednim grupama. Razvio sam ih kao odvojene procese koji povezuju dostupnost, generiranje termina, ograničenja kapaciteta, evidenciju dolazaka i račune polaznika, umjesto forsiranja svake rezervacije kroz isti generički obrazac.
- Zahtjev polaznika
- Odluka umjetnice
- Potvrđeni sat
- Tjedni satovi
- Termini s datumom
- Rezervirana mjesta
- Evidencija dolazaka
Zahtjevi se također mogu odbiti ili im se mogu ponuditi alternativni termini. Mjesta u stalnim pretplatama slijede vlastita pravila rezervacije i evidencije dolazaka.
E-pošta integrirana izravno u raspored.
Izradio sam Mailroom kako bi se upiti za nastupe, zahtjevi za satove i poruke polaznika mogli voditi neposredno uz raspored održavanja. On objedinjuje dolaznu e-poštu, dijaloške niti, pretraživanje, privitke i brendirane odgovore izravno u radnom prostoru administratora.
- Dolazna e-pošta
- Izvorna poruka i nit
- Siguran preglednik
- Poslan odgovor
Jasna poslovna pravila. Čiste granice infrastrukture.
Javna web stranica, portal za polaznike i administracija komuniciraju putem tipski sigurnih servisnih ugovora. Budući da su pravila studija odvojena od koda baze podataka i e-pošte, logika rasporeda može se pouzdano testirati lokalno i stabilno izvoditi na Cloudflare platformi.
Jedan povezan radni prostor
Posjetitelji mogu istražiti rad umjetnice i zatražiti nastup ili satove, polaznici upravljaju rezervacijama unutar vlastitih računa, a Adele vodi satove, pretplate, evidenciju dolazaka i e-poštu s jednog mjesta.
Next.js, React i TypeScript čine jezgru aplikacije, dok Three.js, GSAP i Lenis pokreću interaktivno javno iskustvo. OpenNext pokreće Next.js aplikaciju na Cloudflare Workers platformi, uz D1 za bazu podataka i R2 za pohranu izvorne e-pošte. Better Auth upravlja računima polaznika, Resend šalje odlaznu e-poštu, a Cloudinary isporučuje medijske datoteke.
Najveća vrijednost ovog projekta bila je u povezivanju dviju različitih strana: pružiti umjetnici izražajan način za prikaz scenskog nastupa, uz izgradnju praktičnih alata koji svakodnevno vođenje studija čine jednostavnim i organiziranim.
Izgradimo nešto važno.
Novi proizvod. Bolji sustav. Izazovan problem koji vrijedi riješiti.
[email protected]