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