Adele Deliss — Case Study — Damiano Ventura

05 / PERFORMING ARTS / BOOKING / STUDIO OPERATIONS

Adele Deliss

A multilingual platform for an aerial artist, combining custom 3D scenes with a connected studio workspace for lessons, subscriptions and email.

End-to-end product design & full-stack engineering

FROM DIGITAL STAGE TO STUDIO OPERATIONS

Custom 3D scenes

Interactive silk and apparatus scenes bring the artist's stage work to the web, with adaptive rendering and clean static views.

Studio classes & subscriptions

Recurring classes, subscription places, attendance tracking and holiday rules connect the student area to the artist's workspace.

Built-in Mailroom

Incoming enquiries, conversation threads, attachments and branded replies are managed directly inside the admin workspace.

HOW I GOT THERE

THE CONTEXT

International performances. Everyday teaching.

Event organisers needed a clear way to explore performances and get in touch. New students needed an easy way to ask for a lesson, while regular students needed to check their classes and attendance. For Adele, running the studio meant keeping up with enquiries, schedules and student messages without losing track of the details.

THE TRANSFORMATION

An expressive stage. A practical studio system.

I designed and built the public website around custom 3D aerial scenes and a multilingual presentation. Behind it, dedicated student and admin areas bring lesson approvals, recurring class schedules, subscriptions and studio email into one connected system.

MY RESPONSIBILITIES

Product design, frontend and backend engineering, scheduling and subscription logic, student and admin areas, email infrastructure, and custom 3D scenes—adapting client-supplied artwork into the visual identity.

THE PRODUCT EXPERIENCE

01 / 04LIVE SITE

AD / Custom 3D scenes

Custom 3D scenes

Interactive silk and apparatus scenes bring the artist's stage work to the web, with adaptive rendering and clean static views.

02 / 04PRODUCT EVIDENCE

AD / Lesson requests & student accounts

Lesson requests & student accounts

Students can check availability, request lessons and use their own account area to keep track of bookings and attendance.

Representative interface · sample data

03 / 04PRODUCT EVIDENCE

AD / Studio classes & subscriptions

Studio classes & subscriptions

Recurring classes, subscription places, attendance tracking and holiday rules connect the student area to the artist's workspace.

Representative interface · sample data

04 / 04PRODUCT EVIDENCE

AD / Built-in Mailroom

Built-in Mailroom

Incoming enquiries, conversation threads, attachments and branded replies are managed directly inside the admin workspace.

Representative interface · sample data

PRODUCT EVIDENCE

Custom 3D scenes

Interactive silk and apparatus scenes bring the artist's stage work to the web, with adaptive rendering and clean static views.

CREATIVE ENGINEERING

Bringing aerial movement to the web.

The site's look and feel comes directly from aerial performance: silks, hoop, pole and straps become interactive 3D scenes rather than a flat photo gallery. Light and dark themes, along with reduced-motion views, were built in from the start.

.adele-technical-trigger { display: none; }

Explore the rendering and cloth simulation

Custom 3D scenes with a carefully managed rendering lifecycle.

I built the aerial silk simulation using Verlet integration, typed arrays and distance constraints. The solver updates mesh positions directly in memory without creating new allocations on every frame, so the fabric hangs from its anchors and reacts naturally to gravity and wind.

All apparatus scenes share one persistent Three.js rendering context and camera. Pixel-ratio limits, adaptive quality, offscreen pauses and clean resource disposal keep rendering lightweight, while reduced motion switches to calm, settled scenes and static views.

STUDIO OPERATIONS

Built around how the studio actually teaches.

A first lesson request needs the artist's approval, while a recurring subscription reserves a spot in regular weekly classes. I built these as separate flows, connecting availability, class generation, capacity limits, attendance and student accounts instead of forcing every booking through the same generic form.

Lesson requests

Student request
Artist approval
Confirmed lesson

Recurring classes

Weekly classes
Dated sessions
Reserved places
Attendance

Requests can also be declined or offered alternative times. Recurring subscription places follow their own reservation and attendance rules.

.adele-technical-trigger { display: none; }

Explore scheduling and subscription rules

Recurring class places, approval flows and attendance.

Weekly templates generate dated studio classes. Subscription periods cover 8 or 12 scheduled lessons on chosen class days, holding a reserved spot and tracking attendance for each date. Server rules enforce the 24-hour cutoff before a class starts for student cancellations and restorations.

When the artist cancels a class, eligible subscription places are automatically extended to a later date. Student cancellations, holidays and studio closures follow their own rules, and the artist can override imported holidays whenever she decides to teach. Pure domain functions keep these rules consistent across local mocks and D1 database adapters.

INTEGRATED COMMUNICATION

A studio inbox built right into the workspace.

I built Mailroom so performance enquiries, lesson requests and student replies could be managed right alongside the class schedule. It brings incoming email, conversation threads, search, attachments and branded replies into the admin workspace.

The email flow

Incoming email
Raw mail & thread
Safe reader
Reply sent

.adele-technical-trigger { display: none; }

Explore the email pipeline and safe reader

From incoming email to a safe, clean reading view.

An Email Worker receives incoming messages, saves the raw MIME file in R2, and passes structured metadata to the app. Initial ingestion parses message bodies within a safe size limit, while the browser loads postal-mime on demand when opening full originals. D1 stores conversation threads for search, and Resend delivers replies.

Incoming HTML emails are sanitized and opened inside a sandboxed frame with a strict content policy. Remote images are blocked by default for privacy. Attachment previews are limited to safe image formats, and outgoing emails match the studio's visual identity.

FULL-STACK ARCHITECTURE

Clear business rules. Clean infrastructure boundaries.

The public website, student area and admin workspace talk to each other through type-safe service contracts. Because the studio rules are kept separate from database and email code, scheduling logic can be tested locally and run reliably on Cloudflare.

.adele-technical-trigger { display: none; }

Explore the platform and authentication boundaries

An edge application built around a testable core.

The app runs Next.js on Cloudflare Workers through the OpenNext adapter. D1 stores relational data, R2 holds raw email files, and mock adapters allow fast, predictable local testing. Database and email dependencies stay outside the pure TypeScript business logic.

Admin access and student accounts use separate authentication boundaries. Better Auth handles student sign-in with a signed cookie cache lasting 5 minutes, and any action that changes data re-checks the student's account status. Automated tests cover the studio rules, key user flows and automated accessibility checks; these checks do not guarantee full accessibility compliance.

WHAT CHANGED

One system for stage and studio

Visitors can explore the artist's work and request performances or lessons, students manage their bookings in their own accounts, and Adele runs classes, subscriptions, attendance and email from one place.

TECHNOLOGY, WITH A PURPOSE

Next.js, React and TypeScript form the core application, while Three.js, GSAP and Lenis drive the interactive public experience. OpenNext runs the Next.js app on Cloudflare Workers, with D1 for records and R2 for raw email storage. Better Auth handles student accounts, Resend sends outbound email, and Cloudinary delivers media.

THE TAKEAWAY

The best part of this project was connecting two very different sides of the work: giving the artist an expressive way to show what she does on stage, while building the practical tools that make running her studio easier every day.

NEXT PROJECT / 01New Leasing

HAVE SOMETHING IN MIND?

Let’s build something that matters.

A new product. A better system. A difficult problem worth solving.

[email protected]