Sunmarra Studio · Notas del build · Demo conceptual

Todo lo que un estudio puede operar desde un sistema

La sala se llena de luz, luego de gente — y el dueño lo ve pasar desde un solo tablero.

FitnessEstudio de pilates reformer y yoga — reservas y el tablero de clasesDemo conceptual

Una demo conceptual solo de referencia visual — no uso plantillas fijas. Tu sistema se diseña y construye a medida para tu estudio; úsala para imaginar cómo podría funcionar el tuyo y tomar las ideas que te gusten.

El problema

Dónde duele — y cómo se resuelve

Sunmarra Studio es un estudio ficticio de pilates reformer y yoga en Naples, Florida. La demo abre con la sala al amanecer y la luz sube con el scroll; debajo, las clases de la semana llevan cada una un anillo de plazas libres. Reserva una — el anillo se llena. Únete a la lista de espera de una clase llena — cuando se abre una plaza, entras. Debajo del horario sigue el sitio del estudio — el método, los cuatro coaches, la sala, tres membresías con nombre y sin precio, lo que dicen los socios (inventado, y lo dice). Luego pasa al tablero: la misma semana desde el lado del estudio, la lista de espera promoviéndose sola y los no-shows de ayer recuperados con un mensaje redactado.

Las reservas llegan por DM de Instagram y mensajes; el coach cuenta cabezas en la puerta y siempre alguien se queda fuera o se enseña a media sala.

Un horario que muestra las plazas libres de cada clase, reserva en dos toques y abre una lista de espera en el momento en que una clase se llena.

Cada clase muestra lo que tiene; cada clase llena conserva su demanda.

Alguien cancela una hora antes y la plaza queda vacía — los que la querían nunca se enteran.

La primera persona de la lista de espera entra automáticamente, y los dos lados lo ven: la tarjeta del socio dice que estás dentro, el tablero dice que sigue llena.

Una cancelación es un relleno, no una pérdida.

Tres no-shows al día son una sala pagada con reformers vacíos, y nadie tiene tiempo de perseguirlos.

Los no-shows de ayer listados con la clase que perdieron; un toque redacta el mensaje de recuperación con la próxima plaza libre ya dentro.

La plaza vacía tiene una segunda oportunidad la misma mañana.

Las herramientas

Todo lo que tu estudio puede operar aquí

Todo en esta demo es interactivo — esto es lo que tu estudio puede operar desde un sistema.

Activo en esta demo

Esta semana: siete días, cuatro clases al día, cada una con un anillo de plazas libres; reserva en dos toques o únete a la lista de espera.

Activo en esta demo

Una hoja de reserva con el coach, la duración, qué traer y un solo botón de confirmar.

Activo en esta demo

El sitio completo del estudio bajo el horario: el método, los coaches, la sala, membresías sin precio, citas de socios, horas y dirección.

Activo en esta demo

El tablero: la misma semana como barras de llenado, tres números que son los tres pilares, y una cancelación simulada para ver la lista de espera rellenar una clase.

Activo en esta demo

Los no-shows de ayer con un mensaje de recuperación de un toque, redactado en pantalla.

Activo en esta demo

Una asistente de recepción que responde desde el horario, los coaches y las plazas de esta semana.

Construido para crecer

Para qué está hecho este sistema

Crecer ingresos

Clases que se llenan desde un horario que todos ven; una lista de espera que conserva la demanda que una clase llena perdería.

Recuperar tiempo

Dos toques para reservar, ningún hilo de mensajes que responder, ningún conteo en la puerta.

Proteger el margen

Una plaza cancelada se rellena sola; un no-show recibe un mensaje de recuperación con un toque en vez de un reformer vacío en silencio.

Por dentro

Lo que realmente construí

Un estado, dos vistas

El horario del socio y el tablero del estudio leen y escriben la misma semana — una reserva de un lado mueve los números del otro, y una promoción de lista de espera aparece en ambos.

Una escena bajo tres puertas

La sala se llena de luz con el scroll: una fotografía, una propiedad por frame, las capas decorativas ausentes de la página hasta que el hero está cerca y fuera cuando se va, nada en una conexión lenta, y una composición quieta con movimiento reducido.

Estados honestos en pantalla

La cancelación es una simulación etiquetada, el mensaje de recuperación se redacta en pantalla y nunca se envía, y la respuesta que llega está marcada como simulada.

Notas del build

Honestos sobre lo que es real

Construido con

ReactNext.jsTypeScript

Qué incluye

Horario del socio + tablero del estudio sobre un estado de sesiónRecepción con IA anclada — responde solo desde la semana sembradaBuild conceptual — sin acceso, pagos, mensajería ni base de datos conectados

Simulado en esta demo

  • El estudio, los coaches, los socios y la semana son inventados; la semana se fecha desde el día en que la abres. Nada se guarda — recarga y se reinicia.
  • "Simular una cancelación" es un botón, el texto de recuperación solo se redacta, y el SÍ que vuelve es una respuesta simulada. Ningún mensaje sale de la página.
  • Membresías y precios no se muestran — un estudio real fija los suyos.

Conectado en producción

  • Acceso de socios, una base de datos detrás del horario, reservas y listas de espera, y el sitio del propio estudio leyendo las mismas clases en vivo.
  • Promoción real de lista de espera por mensaje o email, mensajes de recuperación enviados desde el número del propio estudio, membresías y paquetes de clases a través de un proveedor de pagos aprobado.

Demo conceptual solamente. Sunmarra Studio es un estudio ficticio — sus coaches, socios, clases y números son inventados, y no es un proyecto de cliente. Las fotos son cinco WebP — el hero pesa 57 KB en el teléfono, 258 KB en escritorio — y la escena es CSS encima de la primera. La demo está en inglés.

Hecho a medida para tu estudio

Aquí no hay plantillas fijas — cada proyecto se diseña desde cero en torno a tu estudio. Usa esta demo como referencia visual: imagina cómo podría funcionar el tuyo y toma las ideas que te gusten. Luego construyo el tuyo en torno a tu marca, tu servicios y tu forma real de trabajar — lanzado rápido y a un precio justo porque la ingeniería difícil ya está resuelta.

NEXT STEP

¿Lo quieres para tu estudio?

Elige las herramientas, envia una solicitud con alcance y recibe una cotizacion despues de revisar el proyecto.

Empieza tu proyecto