Räätälöidyt 3D-kohtaukset
Interaktiiviset akrobatiakangas- ja välinekohtaukset tuovat taiteilijan lavatyön verkkoon mukautuvalla renderöinnillä ja selkeillä staattisilla näkymillä.
Adele Deliss
Monikielinen alusta ilma-akrobaatille: yhdistää räätälöidyt 3D-kohtaukset ja saumattoman työtilan oppitunteja, kausitilauksia ja sähköpostia varten.
Kokonaisvaltainen tuotesuunnittelu ja full-stack-kehitysDIGITAALISELTA LAVALTA STUDIOTOIMINTAAN
Studiotunnit ja kausitilaukset
Toistuvat tunnit, kausitilauspaikat, läsnäoloseuranta ja lomasäännöt yhdistävät oppilasalueen taiteilijan työtilaan.
Sisäänrakennettu Mailroom
Saapuvat tiedustelut, viestiketjut, liitetiedostot ja brändätyt vastaukset hallitaan suoraan ylläpidon työtilassa.
MITEN TULOKSIIN PÄÄSTIIN
Kansainvälisiä esityksiä. Arkipäivän opetusta.
Tapahtumajärjestäjät tarvitsivat selkeän tavan tutustua esityksiin ja ottaa yhteyttä. Uudet oppilaat tarvitsivat helpon tavan tiedustella tuntia, kun taas säännölliset kurssilaiset tarvitsivat näkymän omiin tunteihinsa ja läsnäoloihinsa. Adelelle studion pyörittäminen tarkoitti tiedustelujen, aikataulujen ja oppilasviestien hallintaa ilman, että yksityiskohdat katoavat arjen kiireessä.
Ilmaisuvoimainen näyttämö. Käytännöllinen studiojärjestelmä.
Suunnittelin ja rakensin julkisen sivuston räätälöityjen 3D-ilma-akrobatiakohtausten ja monikielisen esityksen ympärille. Taustalla erilliset oppilas- ja hallinta-alueet yhdistävät tuntien hyväksynnät, toistuvat viikkotunnit, kausitilaukset ja studion sähköpostit yhdeksi saumattomaksi järjestelmäksi.
Tuotesuunnittelu, frontend- ja backend-kehitys, aikataulutus- ja kausitilauslogiikka, oppilas- ja ylläpitoalueet, sähköpostiinfrastruktuuri ja räätälöidyt 3D-kohtaukset – asiakkaan toimittaman kuvituksen sovittaminen visuaaliseen identiteettiin.
01 / 04LIVE SITE
AD / Räätälöidyt 3D-kohtaukset
Räätälöidyt 3D-kohtaukset
Interaktiiviset akrobatiakangas- ja välinekohtaukset tuovat taiteilijan lavatyön verkkoon mukautuvalla renderöinnillä ja selkeillä staattisilla näkymillä.
02 / 04TUOTENÄYTÖT
AD / Tuntipyynnöt ja oppilastilit
Tuntipyynnöt ja oppilastilit
Oppilaat voivat tarkistaa saatavuuden, pyytää oppitunteja ja seurata varauksiaan sekä läsnäolojaan omalta tilialueeltaan.
Havainnollistava käyttöliittymä · esimerkkitiedot
03 / 04TUOTENÄYTÖT
AD / Studiotunnit ja kausitilaukset
Studiotunnit ja kausitilaukset
Toistuvat tunnit, kausitilauspaikat, läsnäoloseuranta ja lomasäännöt yhdistävät oppilasalueen taiteilijan työtilaan.
Havainnollistava käyttöliittymä · esimerkkitiedot
04 / 04TUOTENÄYTÖT
AD / Sisäänrakennettu Mailroom
Sisäänrakennettu Mailroom
Saapuvat tiedustelut, viestiketjut, liitetiedostot ja brändätyt vastaukset hallitaan suoraan ylläpidon työtilassa.
Havainnollistava käyttöliittymä · esimerkkitiedot
TUOTENÄYTÖT
Räätälöidyt 3D-kohtaukset
Interaktiiviset akrobatiakangas- ja välinekohtaukset tuovat taiteilijan lavatyön verkkoon mukautuvalla renderöinnillä ja selkeillä staattisilla näkymillä.
Ilma-akrobatian liike tuotuna verkkoon.
Sivuston ilme ja tunnelma kumpuavat suoraan ilma-akrobatiasta: kankaat, rengas, tanko ja hihnat heräävät eloon interaktiivisina 3D-kohtauksina litteän kuvagallerian sijaan. Vaaleat ja tummat teemat sekä vähennetyn liikkeen tilat rakennettiin mukaan heti alusta alkaen.
Rakennettu studion todellisen opetustoiminnan ympärille.
Ensimmäinen tuntipyyntö edellyttää taiteilijan hyväksyntää, kun taas toistuva kausitilaus varaa vakiopaikan viikoittaisilta tunneilta. Rakensin nämä erillisiksi käyttäjäpoluiksi, jotka kytkevät saatavuuden, tuntien luomisen, osallistujakapasiteetin, läsnäolot ja oppilastilit toisiinsa sen sijaan, että kaikki varaukset pakotettaisiin samaan yleisluontoiseen lomakkeeseen.
- Oppilaan pyyntö
- Taiteilijan hyväksyntä
- Vahvistettu oppitunti
- Viikkotunnit
- Päivätyt tunnit
- Varatut paikat
- Läsnäolo
Pyyntöjä voidaan myös hylätä tai niille voidaan ehdottaa vaihtoehtoisia aikoja. Toistuvat kausitilauspaikat noudattavat omia varaus- ja läsnäolosääntöjään.
Studion oma sähköpostilaatikko suoraan työtilan sisällä.
Rakensin Mailroomin, jotta esityskyselyt, tuntipyynnöt ja oppilaiden vastaukset voidaan hoitaa suoraan tuntiaikataulujen vieressä. Se tuo saapuvat sähköpostit, viestiketjut, haun, liitteet ja brändätyt vastaukset suoraan ylläpidon työtilaan.
- Saapuva sähköposti
- Raakaposti ja viestiketju
- Turvallinen lukunäkymä
- Vastaus lähetetty
Selkeät liiketoimintasäännöt. Puhtaat infrastruktuurirajat.
Julkinen sivusto, oppilasalue ja ylläpidon työtila kommunikoivat keskenään tyyppiturvallisten palvelusopimusten kautta. Koska studion säännöt pidetään erillään tietokanta- ja sähköpostikoodista, aikataululogiikka voidaan testata paikallisesti ja ajaa luotettavasti Cloudflare-alustalla.
Yksi järjestelmä esiintymislavalle ja studiolle
Vierailijat voivat tutustua taiteilijan työhön ja tiedustella esityksiä tai tunteja, oppilaat hallinnoivat varauksiaan omilla tileillään, ja Adele pyörittää tunteja, kausitilauksia, läsnäoloja ja sähköpostia yhdestä paikasta.
Next.js, React ja TypeScript muodostavat sovelluksen ytimen, ja Three.js, GSAP ja Lenis pyörittävät interaktiivista julkista kokemusta. OpenNext ajaa Next.js-sovellusta Cloudflare Workers -alustalla, D1 vastaa tietokannasta ja R2 säilyttää raakasähköpostitiedostot. Better Auth huolehtii oppilastileistä, Resend toimittaa lähtevät sähköpostit ja Cloudinary jakelee mediatiedostot.
Projektin palkitsevin osuus oli kahden täysin erilaisen puolen yhdistäminen: antaa taiteilijalle näyttävä keino esitellä lavatyötään verkossa ja rakentaa samalla käytännölliset työkalut, jotka helpottavat studion päivittäistä pyörittämistä.
Rakennetaan jotain merkityksellistä.
Uusi tuote. Parempi järjestelmä. Haastava ongelma, joka kannattaa ratkaista.
[email protected]