Saltar al contenido
georgepuma.dev

proyectosstudio-equilibrio

Mini-caso · Diseño a producción, en solitario · 2.5 semanas

Studio Equilibrio

SaaS demo para estudios de fitness — reservas, membresías, facturación y analítica — construido de extremo a extremo a partir de un brief comercial. Una demo, con el estándar de un producto real.

problema
Un estudio de fitness vive de tres flujos que no pueden fallar: que la clase tenga cupo, que la membresía se renueve y que el cobro llegue con su recibo.
rol
Encargo de Junto AI como demo comercial para captar clientes. Diseño a producción, en solitario: del brief a una demo de extremo a extremo en 2,5 semanas.
alcance
Reservas de clases con cupo · membresías y paquetes · facturación con recibos PDF · analítica de retención.
resultado

LCP < 2 s

móvil, 4G

30 pruebas E2E

Playwright

Next.js 16 · React 19 · TypeScript · Tailwind v4 · Supabase

El producto, sin maquillaje

Horario semanal de clases: tarjetas por día con nombre de la clase, hora, coach y ocupación del cupo.
Horario: cada clase declara su cupo — la reserva nace acotada desde el calendario.
Tabla de miembros con búsqueda, filtros por estado y plan, y exportación a CSV: cada fila lleva membresía activa, próximo cobro, última clase asistida y estado.
Miembros: membresía, próximo cobro y última asistencia en una sola fila — el estado del negocio, por persona.
Pantalla de cobros: tarjetas con totales de vencido, fallido, por cobrar y cobrado, y tabla de renovaciones por miembro con concepto, monto, vencimiento, estado y botón para registrar el pago.
Cobros: renovaciones vencidas o por cobrar, fallidos y pagos recientes — la facturación como cola de trabajo, no como reporte.

Tres decisiones que sostienen el resto

  1. El cupo vive en la clase, no en la buena fe

    Cada clase del horario declara su capacidad y la ocupación se lee ahí mismo. Reservar es ocupar un lugar finito, y el horario semanal — clase, hora, coach y cupo — es la fuente de verdad de lo que se puede vender.

  2. La renovación es una cola de trabajo

    Membresías y paquetes generan cobros con vencimiento, y la pantalla de cobros los ordena por lo que exige acción: vencido, fallido, por cobrar, cobrado. Cada pago se registra y deja su recibo en PDF — la facturación no es un reporte a fin de mes, es operación diaria.

  3. Una demo con el estándar de producción

    Construida de extremo a extremo a partir de un brief comercial y cubierta por 30 pruebas E2E con Playwright, con LCP < 2 s medido en móvil con 4G. El punto de la demo es ese: el estándar no baja porque el producto sea una pieza de venta.

Lo que dejó

La pieza del grid que muestra el rango completo en un encargo acotado: del brief comercial al producto navegable — reservas, membresías, cobros y analítica — operable de extremo a extremo en la demo en vivo.

Ver el demo en vivoVolver a proyectos