Escenas 3D a medida
Las escenas interactivas de telas y aparatos trasladan el espectáculo de la artista a la web, con renderizado adaptativo y vistas estáticas limpias.
Adele Deliss
Una plataforma multilingüe para una artista aérea que combina escenas 3D a medida con un espacio de gestión del estudio para clases, suscripciones y correo.
Diseño de producto e ingeniería full-stack de principio a finDEL ESCENARIO DIGITAL A LA OPERATIVA DEL ESTUDIO
Clases del estudio y suscripciones
Las clases recurrentes, las plazas de suscripción, el control de asistencia y las reglas de festivos conectan el área de alumnos con el espacio de trabajo de la artista.
Mailroom integrado
Las consultas entrantes, los hilos de conversación, los archivos adjuntos y las respuestas con imagen de marca se gestionan directamente desde el espacio de administración.
CÓMO SE HIZO
Actuaciones internacionales. Clases en el día a día.
Los organizadores de eventos necesitaban una forma clara de descubrir sus espectáculos y ponerse en contacto. Los nuevos alumnos necesitaban un proceso sencillo para solicitar una clase, mientras que los alumnos habituales debían poder consultar sus horarios y asistencia. Para Adele, gestionar el estudio suponía estar al tanto de consultas, horarios y mensajes de alumnos sin perder ningún detalle por el camino.
Un escenario expresivo. Un sistema práctico para el estudio.
Diseñé y desarrollé la web pública en torno a escenas aéreas en 3D personalizadas y una presentación multilingüe. Entre bastidores, las áreas dedicadas para alumnos y administración aúnan la aprobación de clases, los horarios de clases recurrentes, las suscripciones y el correo del estudio en un único sistema conectado.
Diseño de producto, desarrollo frontend y backend, lógica de horarios y suscripciones, áreas de alumnos y administración, infraestructura de correo y escenas 3D a medida, adaptando el material gráfico aportado por la artista a la identidad visual.
01 / 04LIVE SITE
AD / Escenas 3D a medida
Escenas 3D a medida
Las escenas interactivas de telas y aparatos trasladan el espectáculo de la artista a la web, con renderizado adaptativo y vistas estáticas limpias.
02 / 04EVIDENCIA DE PRODUCTO
AD / Solicitudes de clases y cuentas de alumnos
Solicitudes de clases y cuentas de alumnos
Los alumnos pueden consultar la disponibilidad, solicitar clases y acceder a su propia cuenta para hacer seguimiento de sus reservas y asistencia.
Interfaz representativa · datos de muestra
03 / 04EVIDENCIA DE PRODUCTO
AD / Clases del estudio y suscripciones
Clases del estudio y suscripciones
Las clases recurrentes, las plazas de suscripción, el control de asistencia y las reglas de festivos conectan el área de alumnos con el espacio de trabajo de la artista.
Interfaz representativa · datos de muestra
04 / 04EVIDENCIA DE PRODUCTO
AD / Mailroom integrado
Mailroom integrado
Las consultas entrantes, los hilos de conversación, los archivos adjuntos y las respuestas con imagen de marca se gestionan directamente desde el espacio de administración.
Interfaz representativa · datos de muestra
EVIDENCIA DE PRODUCTO
Escenas 3D a medida
Las escenas interactivas de telas y aparatos trasladan el espectáculo de la artista a la web, con renderizado adaptativo y vistas estáticas limpias.
Llevar el movimiento aéreo a la web.
La estética de la web nace directamente de las disciplinas aéreas: telas, aro, pole y correas se convierten en escenas 3D interactivas en lugar de una galería de fotos estática. Los temas claro y oscuro, junto con las vistas de movimiento reducido, se integraron desde el primer momento.
Diseñado en torno a cómo enseña realmente el estudio.
La solicitud de una primera clase requiere la aprobación de la artista, mientras que una suscripción recurrente reserva plaza en las clases semanales habituales. Desarrollé ambos como flujos independientes, conectando disponibilidad, generación de clases, límites de aforo, control de asistencia y cuentas de alumnos, en lugar de forzar cada reserva a través de un formulario genérico.
- Solicitud del alumno
- Aprobación de la artista
- Clase confirmada
- Clases semanales
- Sesiones fechadas
- Plazas reservadas
- Control de asistencia
Las solicitudes también se pueden rechazar o proponer en horarios alternativos. Las plazas de suscripciones recurrentes siguen sus propias reglas de reserva y asistencia.
Una bandeja de entrada del estudio integrada directamente en el espacio de trabajo.
Creé Mailroom para poder gestionar consultas sobre actuaciones, solicitudes de clases y respuestas de alumnos junto al calendario lectivo. Centraliza en el espacio de administración el correo entrante, los hilos de conversación, las búsquedas, los archivos adjuntos y las respuestas con la imagen corporativa.
- Correo entrante
- Correo original e hilo
- Lector seguro
- Respuesta enviada
Reglas de negocio claras. Límites de infraestructura bien definidos.
La web pública, el área de alumnos y el espacio de administración se comunican a través de contratos de servicio con seguridad de tipos. Al mantener las reglas del estudio aisladas del código de la base de datos y del correo, la lógica de horarios se puede probar localmente y ejecutar con total fiabilidad en Cloudflare.
Un único sistema para el escenario y el estudio
Los visitantes pueden descubrir el trabajo de la artista y solicitar actuaciones o clases, los alumnos gestionan sus reservas desde su propia cuenta y Adele administra clases, suscripciones, asistencia y correo desde un único lugar.
Next.js, React y TypeScript conforman el núcleo de la aplicación, mientras que Three.js, GSAP y Lenis impulsan la experiencia pública interactiva. OpenNext ejecuta la app de Next.js en Cloudflare Workers, con D1 para los registros y R2 para almacenar los correos en bruto. Better Auth gestiona las cuentas de alumnos, Resend envía los correos salientes y Cloudinary entrega los recursos multimedia.
Lo más gratificante de este proyecto fue conectar dos facetas tan distintas del trabajo: dar a la artista una forma expresiva de mostrar lo que hace sobre el escenario y, a la vez, crear las herramientas prácticas que le facilitan la gestión de su estudio día tras día.
Construyamos algo que importe.
Un nuevo producto. Un sistema mejor. Un problema difícil que vale la pena resolver.
[email protected]