Інтэрактыўная 3D-сцэнаграфія
Інтэрактыўныя сцэны палотнаў і акрабатычных снарадаў пераносяць сцэнічную працу артысткі ў вэб — з адаптыўным рэндэрынгам і статычнымі альтэрнатывамі.
Adele Deliss
Шматмоўная платформа для паветранай гімнасткі: аўтарскія 3D-сцэны і адзіная працоўная прастора для раскладу заняткаў, абанементаў і пошты.
Прадуктовы дызайн і full-stack-інжынерыя end to endАД ЛІЧБАВАЙ СЦЭНЫ ДА АПЕРАЦЫЙ СТУДЫІ
Заняткі ў студыі і абанементы
Рэгулярныя заняткі, месцы па абанементах, улік наведвальнасці і расклад канікул звязваюць кабінет вучня з працоўнай прасторай выкладчыцы.
Убудаваны Mailroom
Уваходныя запыты, ланцужкі лістоў, далучаныя файлы і фірмовыя адказы апрацоўваюцца непасрэдна ў панэлі адміністратара.
ЯК Я ДА ГЭТАГА ПРЫЙШОЎ
Міжнародныя выступы. Штодзённае выкладанне.
Арганізатарам мерапрыемстваў патрэбен зразумелы спосаб пазнаёміцца з перформансамі і звязацца з артысткай. Новым вучням патрэбна простая заяўка на занятак, а рэгулярным навучэнцам — зручны прагляд раскладу і сваёй наведвальнасці. Для Адэль кіраванне студыяй азначала кантроль за патокам запытаў, раскладам і ліставаннем без страты важных дэталей.
Выразная сцэна. Практычная сістэма для студыі.
Я спраектаваў і распрацаваў публічны сайт з аўтарскімі 3D-сцэнамі паветраных перформансаў і шматмоўнай падачай. За ім працуюць спецыяльныя прасторы для навучэнцаў і адміністратара, якія аб'ядноўваюць зацвярджэнне запытаў, расклад рэгулярных заняткаў, абанементы і студыйную пошту ў адзіную сістэму.
Прадуктовы дызайн, фронтэнд- і бэкэнд-распрацоўка, логіка раскладу і абанементаў, асабістыя кабінеты вучняў і адміністратара, паштовая інфраструктура і аўтарскія 3D-сцэны — з адаптацыяй аўтарскіх малюнкаў кліенткі ў візуальную ідэнтычнасць.
01 / 04LIVE SITE
AD / Інтэрактыўная 3D-сцэнаграфія
Інтэрактыўная 3D-сцэнаграфія
Інтэрактыўныя сцэны палотнаў і акрабатычных снарадаў пераносяць сцэнічную працу артысткі ў вэб — з адаптыўным рэндэрынгам і статычнымі альтэрнатывамі.
02 / 04ДОКАЗЫ ПРАДУКТУ
AD / Запіс на заняткі і кабінет вучня
Запіс на заняткі і кабінет вучня
Вучні могуць правяраць расклад, запісвацца на заняткі і адсочваць свае браніраванні і наведвальнасць у асабістым кабінеце.
Прыклад інтэрфейсу · дэманстрацыйныя даныя
03 / 04ДОКАЗЫ ПРАДУКТУ
AD / Заняткі ў студыі і абанементы
Заняткі ў студыі і абанементы
Рэгулярныя заняткі, месцы па абанементах, улік наведвальнасці і расклад канікул звязваюць кабінет вучня з працоўнай прасторай выкладчыцы.
Прыклад інтэрфейсу · дэманстрацыйныя даныя
04 / 04ДОКАЗЫ ПРАДУКТУ
AD / Убудаваны Mailroom
Убудаваны Mailroom
Уваходныя запыты, ланцужкі лістоў, далучаныя файлы і фірмовыя адказы апрацоўваюцца непасрэдна ў панэлі адміністратара.
Прыклад інтэрфейсу · дэманстрацыйныя даныя
ДОКАЗЫ ПРАДУКТУ
Інтэрактыўная 3D-сцэнаграфія
Інтэрактыўныя сцэны палотнаў і акрабатычных снарадаў пераносяць сцэнічную працу артысткі ў вэб — з адаптыўным рэндэрынгам і статычнымі альтэрнатывамі.
Паветраны рух у сеціве.
Візуальны стыль сайта натхнёны паветраным перформансам: палотны, кальцо, пілон і рамні ператварыліся ў інтэрактыўныя 3D-сцэны замест звычайнай плоскай фотагалерэі. Светлая і цёмная тэмы, а таксама версіі з паменшаным рухам былі закладзены з самага пачатку.
Створана вакол рэальнага працэсу навучання ў студыі.
Першасны запыт на занятак патрабуе зацвярджэння выкладчыцы, тады як рэгулярны абанемент рэзервуе месца ў штотыднёвай групе. Я пабудаваў іх як асобныя працэсы: яны звязваюць даступнасць, генерацыю заняткаў, ліміты месцаў, улік наведвальнасці і ўліковыя запісы вучняў замест выкарыстання адзінай універсальнай формы.
- Заяўка вучня
- Рашэнне выкладчыцы
- Пацверджаны занятак
- Штотыднёвыя заняткі
- Заняткі паводле дат
- Зарэзерваваныя месцы
- Наведвальнасць
Запыты таксама можна адхіляць або прапаноўваць альтэрнатыўны час. Месцы паводле абанементаў падпарадкоўваюцца ўласным правілам браніравання і наведвальнасці.
Працоўная пошта студыі ў адзіным інтэрфейсе.
Mailroom прымае звароты студыі непасрэдна на Cloudflare і ператварае іх у структуру лістоў. Уваходныя паведамленні, ланцужкі перапіскі, пошук, укладанні і фірмовыя адказы аб'яднаныя ў панэлі адміністратара.
- Уваходны email
- Арыгінал ліста і ланцужок
- Бяспечнае чытанне
- Адпраўка адказу
Празрыстыя бізнес-правілы. Чыстыя межы інфраструктуры.
Публічны вэб-сайт, кабінет вучня і працоўная прастора адміністратара ўзаемадзейнічаюць праз тыпабяспечныя сэрвісныя кантракты. Паколькі правілы студыі цалкам аддзелены ад кода базы даных і пошты, логіку раскладу можна тэсціраваць лакальна і надзейна выконваць на Cloudflare.
Адзіная сістэма для сцэны і студыі
Наведвальнікі могуць азнаёміцца з перформансамі і запытаць выступленне або занятак, вучні кіруюць сваім раскладам у асабістых кабінетах, а Адэль вядзе заняткі, абанементы, наведвальнасць і пошту ў адным месцы.
Next.js, React і TypeScript фармуюць ядро праграмы, а Three.js, GSAP і Lenis адказваюць за інтэрактыўную публічную частку. OpenNext запускае праграму Next.js на Cloudflare Workers, дзе D1 адказвае за базу даных, а R2 захоўвае архіў лістоў. Better Auth забяспечвае аўтэнтыфікацыю вучняў, Resend адпраўляе зыходную пошту, а Cloudinary аптымізуе дастаўку медыякантэнту.
Галоўнай перавагай гэтага праекта стала аб'яднанне двух розных светаў: стварыць для артысткі эфектную вітрыну яе сцэнічнага майстэрства і адначасова даць надзейныя практычныя інструменты, якія спрашчаюць штодзённае кіраванне студыяй.
Давайце абмяркуем ваш наступны прадукт.
Новы прадукт. Больш эфектыўная сістэма. Складаная задача, якую варта вырашыць.
[email protected]