Blueprint_Sinergia_v1.html
Confidencial
Blueprint Técnico
v1.0
Junio 2026
Sinergia Ecosistema Híbrido, CRM y Reservas Autónomas
Landing de captación · Calificación por WhatsApp con IA · Back-office / CRM Administrativo · Portal de usuario autónomo · Gestión de aforos y créditos · Business Intelligence
Sinergia Hub
Cliente
Sinergia
Duración
8 semanas / 4 sprints
Inversión Total
$1,600 USD
Arquitectura
SaaS / Multidisciplina
Propósito del documento
Este blueprint consolida el diseño técnico y funcional del nuevo ecosistema digital para Sinergia. Su objetivo es guiar al equipo de desarrollo, a los fundadores del negocio y al equipo de QA en la construcción de una plataforma estructurada y modular que mitigue la carga operativa y desbloquee la escalabilidad.
El documento detalla el alcance blindado en 4 fases progresivas de $400 USD cada una, cubriendo el flujo automatizado de leads, la administración interna (CRM), el portal web para reserva de clases de Pilates y coworking, y el módulo analítico de negocio.
| Concepto | Detalle del Blueprint |
|---|---|
| Problema Operativo | Saturación en WhatsApp resolviendo dudas, agendas manuales e ineficiencia en el control de créditos, aforos y pagos. |
| Solución Propuesta | Sistema web modular (Next.js + Supabase) con automatización de leads en n8n y portal de autogestión de reservas para clientes. |
| Beneficio Clave | Liberación de horas-hombre operativas y base de datos unificada para un crecimiento sostenible sin fricciones humanas. |
| Enfoque Técnico | VPS administrado por Dokploy para ejecutar n8n sin costos recurrentes y desarrollo unificado en JS/TS (Next.js). |
Flujo Operativo de Alto Nivel
Unidades de Negocio Integradas
Coworking
Control de aforos y accesos diarios en casa física.
Academia de Baile
Gestión de alumnos, matrículas e inscripciones periódicas.
Pilates
Reserva de camas y consumo autónomo de bolsas de créditos.
Coaching / Salud
Agendamiento uno a uno de sesiones terapéuticas o estéticas.
Cafetería
Complemento de experiencia y flujo de caja físico del hub.
Alcance integral de la solución
Para resguardar el presupuesto y la velocidad de entrega, el proyecto se divide estrictamente en 4 fases modulares de entrega continua.
| Fase / Módulo | Usuarios Objetivo | Objetivo Principal | Fase 1 (Arranque) |
|---|---|---|---|
Fase 1: Automatización Core |
Prospectos y Recepción | Montaje de VPS, n8n, Supabase e IA para calificar y responder en WhatsApp. | ✓ Incluido |
Fase 2: CRM & Backoffice |
Administradores y Profesores | Despliegue del panel Next.js y base relacional unificada para controlar clientes, cupos y aforos. | Fase 2 |
Fase 3: Portal de Reservas |
Clientes Sinergia | Portal web móvil para autogestionar reservas y consultar créditos de Pilates. | Fase 3 |
Fase 4: Analítica de Negocio |
Socios y Gerencia | Dashboards financieros, ROAS (Meta Ads), retención y métricas de aforo. | Fase 4 |
Principios funcionales del sistema
Calificación automatizada: Filtrado de leads fríos por IA antes de llegar a la atención humana.
Créditos centralizados: El cliente consume y visualiza su cuota digital en tiempo real sin llamar por teléfono.
Control de aforo físico: Bloqueo dinámico cuando las reservas alcanzan el límite de camas o sillas.
Gobernanza manual de cobro: Enlace de pago externo (Bolt/otros) verificado administrativamente en el panel para evitar costos extras de desarrollo.
Escalabilidad de bases: Estructura de PostgreSQL relacional que asocia alumnos a disciplinas, aforos e instructores.
Blueprint de UI/UX
La UI está inspirada en plataformas modernas y nítidas de alto desempeño. Usará tonos neutros de gris con un acento dinámico y legible.
Aa
Estética base
Inter / JetBrains Mono, minimalismo moderno con aire de SaaS premium.
Paleta de la UI App
Negro, dorado premium, blancos, grises y platas (aplicado a la Web App de Sinergia).
Componentes clave
Cards de aforo, grids de reservas, modal de checkout manual y filtros por disciplina.
Mobile-first
Optimización estricta para pantallas móviles del portal del cliente (reservas rápidas).
Estructura de Pantallas / Comportamiento
| Ruta / Pantalla | Acceso / Rol | Comportamiento y Contenido Principal |
|---|---|---|
| / (Landing Page) | Público | Captación de leads optimizada, selector de interés del lead y redirección a WhatsApp con payload limpio. |
| /login | Público | Ingreso seguro con número telefónico y token OTP o contraseña simple (Portal de Clientes). |
| /reservar | Cliente | Calendario interactivo de clases (Pilates/Baile) con aforo disponible y selector de reformer. Consumo de crédito directo. |
| /perfil | Cliente | Historial de reservas activas, historial de pagos verificados y bolsa de créditos restantes. Enlace a compra de paquetes. |
| /admin (Dashboard) | Admin / Recepción | Consola de monitoreo de leads del día, aforo en tiempo real de Pilates, ROAS e ingresos acumulados. |
| /admin/clientes | Admin / Recepción | Fichas de clientes, historial de visitas y panel lateral para recarga y validación manual de créditos. |
Módulos funcionales detallados
Fase 1: Calificación Core & Bot Inteligente
Fase 1: Calificación Core & Bot Inteligente
→ Landing page de captación conectada directamente al Webhook de n8n.
→ Orquestación en n8n conectada a OpenAI para interpretar la respuesta del prospecto.
→ Calificación de leads según interés y almacenamiento en base de datos Supabase.
→ Redirección dinámica y alerta instantánea a los operadores de WhatsApp de Sinergia.
Fase 2: CRM Core Administrativo (Next.js)
Fase 2: CRM Core Administrativo (Next.js)
→ Interfaz del CRM para visualización en tiempo real del embudo de leads.
→ Módulo de alumnos con control de asignación manual de créditos y membresías.
→ Panel de administración de instructores y planificación horaria de las clases de Pilates.
→ Interfaz de verificación manual de transacciones (links de pago validados con un click).
Fase 3: Portal Autónomo del Cliente (Reservas)
Fase 3: Portal Autónomo del Cliente (Reservas)
→ Web App responsive para autogestión de reservas de Pilates y Coworking.
→ Visualización dinámica de aforos disponibles en el día.
→ Panel de control de créditos del usuario y políticas de cancelación de reserva (24h de anticipación).
→ Integración de enlaces externos Bolt para solicitudes de recarga.
Demo Interactiva — Portal de Reservas (Pilates)
4 Créditos Libres
Pilates Reformer - Mañana
08:00 AM - 09:00 AM
Camas libres: 3 de 8
Pilates Reformer - Mediodía
12:30 PM - 01:30 PM
Camas libres: 8 de 8
Pilates Reformer - Tarde
06:00 PM - 07:00 PM
Camas libres: 0 de 8
Haz click en "Reservar Espacio" para consumir un crédito y agendar.
Fase 4: Dashboard analítico & Business Intelligence
Fase 4: Dashboard analítico & Business Intelligence
→ Cruce analítico de inversión publicitaria en Meta Ads con los leads registrados.
→ Cálculo automático del ROAS y coste de adquisición de cliente (CAC).
→ Métricas de ocupación física de camas de Pilates y escritorios de coworking.
→ Reporte financiero rápido de ingresos brutos mensuales e índice de retención.
Arquitectura técnica recomendada
La plataforma de Sinergia se basa en un stack JavaScript unificado para máxima velocidad de desarrollo y facilidad de mantenimiento.
| Capa | Tecnología Recomendada | Justificación Técnica |
|---|---|---|
Frontend |
Next.js + Tailwind CSS | React unificado con server actions, optimizado para SEO en landing pública y performance SPA en el CRM. |
Backend |
Next.js API Routes | Evita mantener servidores separados en fases iniciales. Node.js nativo con tipado estricto. |
Base de Datos |
Supabase (PostgreSQL) | Esquema relacional robusto para créditos, roles y aforos. Row Level Security nativo incorporado. |
Automatización |
n8n (VPS Hostinger) | Flujos auto-hospedados sin límites de ejecuciones mensuales. Conexión rápida a WhatsApp e IA. |
Infraestructura |
VPS Dokploy + Docker | Despliegue unificado, seguro y fácil de restaurar ante fallas operativas o migración de host. |
Seguridad |
Supabase Auth + HTTPS | Manejo seguro de contraseñas de clientes, sesiones protegidas y auditoría de transacciones críticas. |
Capas Lógicas de la Solución
PRESENTACIÓN (Frontend / Next.js)
Landing page de Captación (HTML Semántico) · Portal de Reserva Clientes · CRM y Backoffice de Operadores
LOGICA DE APLICACIÓN (API Routes / Server Actions)
Controlador de Reservas · Descuento de créditos de Pilates · Admisión de leads calificados
INTEGRACIÓN Y ORQUESTACIÓN (n8n + OpenAI)
Captura Webhook · Procesamiento NLP (Leads) · Notificaciones a WhatsApp (Operadores)
ALMACENAMIENTO (Supabase / PostgreSQL)
Esquema de Base de Datos relacional · Políticas RLS de Seguridad · Auditoría inmutable de transacciones
Seguridad, RBAC y gobernanza de datos
La plataforma protege la información filiatoria de los clientes e impide reservas no autorizadas a través de políticas basadas en roles.
Definición de Roles de Acceso (RBAC)
Administrador / Socio
Acceso completo a analítica (CAC, ROAS), control de profesores, asignación de créditos a clientes y configuraciones de aforo.
Control Absoluto
Operador / Recepción
Registro manual de matrículas de alumnos, verificación de links de pago y asignación guiada de turnos.
Sin Acceso a Dashboard Financiero
Cliente Sinergia
Autenticación simple, consulta de su propia bolsa de créditos y reservas o cancelaciones de Pilates.
Solo puede ver y alterar sus propios datos
Controles de seguridad propuestos
JWT Sessions: Autenticación por JSON Web Token segura y persistente.
Supabase RLS: Políticas de seguridad a nivel de filas de base de datos para impedir que un cliente lea créditos ajenos.
Bitácora de Auditoría: Registro inmutable de asignaciones y retiros manuales de créditos.
Cifrado de Comunicaciones: Acceso forzado SSL/TLS en todo el dominio y subdominios.
Modelo de datos conceptual
La base de datos relacional de Supabase permite relacionar dinámicamente a los clientes con sus reservas y saldos de créditos por disciplina.
| Dominio | Entidades Principales | Propósito en el Negocio |
|---|---|---|
Clientes |
profiles, user_roles | Almacena información básica, teléfono e ID único de autenticación de Supabase. |
Créditos & Pagos |
credit_ledgers, manual_payments | Bitácora de ingresos de créditos y validaciones de transacciones de enlaces Bolt. |
Clases & Cupos |
classes, class_schedules, instructors | Definición de clases, horarios y aforo máximo (ej. 8 camas para Pilates). |
Reservas |
bookings | Conecta al usuario con una clase específica, marcando la cama elegida y estado de asistencia. |
Automatizaciones |
leads_pipeline, conversation_logs | Almacenamiento temporal de leads calificados por la IA antes de asignarlos a ejecutivos. |
Esquema de Relaciones (ERD conceptual)
CLIENTES (profiles)
id (PK) · phone · full_name
1:N
BOLSA CRÉDITOS
id (PK) · profile_id (FK) · credits
1:N
RESERVAS (bookings)
id (PK) · schedule_id (FK) · reformer_num
N:1
CLASES (class_schedules)
id (PK) · time · capacity_max
Bitácora de Auditoría: audit_logs (id · admin_id · target_client_id · action_type · timestamp)
APIs, automatización e integraciones futuras
Plan de integraciones de la solución, estructurado entre la Fase 1 inmediata y las integraciones preparadas para escalamiento en fases futuras.
Mensajería y WhatsApp (Fase 1)
Evolution API (Auto-hospedado): Instancia conectada al n8n de Sinergia. Permite envíos ilimitados de mensajes sin APIs pagadas de Meta.
Automatizaciones Futuras: Envío automático de notificaciones de reserva, recordatorio de inasistencia (24h de anticipación) y links de recargas.
Inteligencia Artificial (Fase 1)
OpenAI GPT-4o mini API: Orquestado en n8n. Evalúa y limpia el input del lead (Coworking, Baile, Pilates, Coaching, Estética o Café) antes de registrarlo en Supabase.
Fases futuras: Respuestas automatizadas del bot a preguntas frecuentes (FAQ) de horarios o precios de la cafetería.
Pasarela de Pagos (Fase 3 & Futuras)
Enlaces de Pago Bolt (Fase 3): Enlaces estáticos externos. Los usuarios cargan comprobantes y el administrador valida manualmente con un click en el panel.
Futuro (Escalable): SDK integrado de Stripe o pasarela local (MercadoPago/Transbank) para cobros automatizados recurrentes y facturación electrónica.
Meta Ads Graph API (Fase 4)
Meta Ads API (Fase 4): Extracción de métricas de coste de Meta Ads en tiempo real.
Fórmula ROAS: El sistema calcula dinámicamente el ROAS dividiendo el ingreso bruto registrado en el CRM entre la inversión publicitaria importada.
Infraestructura y operación
Configuración recomendada para operar con costos bajos en un VPS Hostinger administrado mediante Dokploy.
| Área | Decisión de Diseño / Entregable |
|---|---|
Servidor |
VPS Linux (Ubuntu) en Hostinger. 2-4 vCPU y 4GB RAM suficiente para CRM, n8n y Dokploy. |
Contenedores |
Orquestación por Docker. Aislamiento nativo de n8n, frontend Next.js y base Supabase local. |
Red & DNS |
Dominio principal apuntando al VPS. Subdominios separados para CRM y Webhooks de n8n. |
SSL/TLS |
Certificados Let's Encrypt auto-renovables a través del proxy reverso integrado en Dokploy. |
Backups |
Script cron de respaldo automático diario de la base relacional Supabase hacia almacenamiento en la nube externo. |
Arquitectura de Contenedores (Docker / Dokploy)
Dokploy Stack Configuration
nextjs-app
Frontend & CRM · Port 3000 · Conectado a la base de datos
n8n-automation
Webhooks calificados · Conexión directa a API WhatsApp e IA
supabase-postgres
Base relacional central · Datos persistentes y auditoría
Cronograma de ejecución
Roadmap detallado de 8 semanas divididas en 4 sprints de 2 semanas cada uno, alineados a las fases comerciales del proyecto.
S1
Sprint 1: Automatización Core & WhatsApp (Semanas 1-2)
Fase 1
Despliegue del VPS en Hostinger mediante Dokploy. Configuración de Supabase local y n8n. Desarrollo de la automatización en n8n para captura de prospectos e integración de API WhatsApp + IA de OpenAI.
🏁 Hito: Bot de calificación activo interactuando con leads y registrando datos iniciales.
S2
Sprint 2: Core de Datos & CRM Backoffice (Semanas 3-4)
Fase 2
Modelado de bases de datos relacionales en PostgreSQL (Supabase). Desarrollo de la estructura de control administrativo en Next.js (CRM). Pantalla de control de aforos de clases de Pilates y carga manual de créditos.
🏁 Hito: Base de datos relacional y CRM de control interno operativos en ambiente de Staging.
S3
Sprint 3: Portal Autónomo de Clientes (Semanas 5-6)
Fase 3
Desarrollo de la Web App móvil para usuarios de Pilates y Coworking. Gestión de login mediante token simple. Calendario dinámico para reservar y descontar créditos, con límite estricto de camas. Enlaces Bolt integrados.
🏁 Hito: Portal del cliente funcional. Los usuarios reservan clases autónomamente sin interacción humana.
S4
Sprint 4: Business Intelligence & Cierre (Semanas 7-8)
Fase 4
Construcción del dashboard gerencial de métricas clave. Cruce de datos de campañas Meta Ads para el cálculo del ROAS directo. Pruebas de seguridad, optimización de consultas a base de datos y despliegue final a Producción.
🏁 Hito: Software desplegado en producción, ROAS integrado y capacitación gerencial completada.
Lista de Entregables del Proyecto Completo
Anexo comercial referencial
Distribución de inversión y hitos de pago alineados al desarrollo modular por fases para garantizar el flujo de caja del proyecto.
| Fase / Módulo | Precio USD |
|---|---|
|
Fase 1: Automatización Core & WhatsApp
Montaje de VPS, n8n, Supabase local, bot calificador e integración IA.
|
$400 |
|
Fase 2: CRM Core Administrativo
Estructura Next.js, relaciones de aforo de Pilates, gestión manual de créditos.
|
$400 |
|
Fase 3: Portal Autónomo de Clientes
Web App cliente para reserva de camas Pilates y Coworking, enlaces de pago Bolt.
|
$400 |
|
Fase 4: BI, Reportes & Despliegue
Dashboard de métricas, integración Meta Ads (ROAS), optimizaciones de producción.
|
$400 |
| Inversión Total Acordada | $1,600 |
Distribución de Inversión por Fase
Esquema de Pagos por Fase (25% por Hito)
$400 USD
Hito 1: Inicio
Contra despliegue del bot de IA calificador en VPS.
$400 USD
Hito 2: Backoffice
Contra despliegue del CRM administrativo en Staging.
$400 USD
Hito 3: Reservas
Contra pruebas de autogestión de reservas de clientes.
$400 USD
Hito 4: BI & Entrega
Contra entrega final del dashboard y ROAS en Producción.
Supuestos, límites y decisiones pendientes
| Tema | Supuesto sugerido / Decisión pendiente | Impacto en el Proyecto |
|---|---|---|
| Identidad Visual & Materiales | Se asume que el cliente entregará el logotipo, paleta y fotografías del centro deportivo. | Afecta los tiempos de diseño del front final. |
| Cuentas Meta Ads | El cliente debe dar permisos de lectura al desarrollador en su Business Manager para conectar la API de ROAS en la fase 4. | Riesgo de atraso en el dashboard analítico de ROAS. |
| API de WhatsApp | Se usará una instancia de Evolution API configurada en el propio VPS para evitar costos mensuales fijos. Se asume un número exclusivo. | Vital para habilitar el bot calificador en la Fase 1. |
| Límite de Reservas & Camas | Se establece un supuesto de 8 camas de Pilates reformer simultáneas, bloqueadas dinámicamente por la base de datos. | Regla clave para el módulo del portal de clientes. |
| Pasarela de Pagos | Confirmar que no se integrará Stripe de manera nativa. El cliente enviará un link de Bolt e indicará la compra manualmente. | Evita la complejidad del control de Webhooks de pasarelas. |
Aprobación del Blueprint
Este documento consolida la arquitectura técnica de Sinergia. Con su validación e inicio de pagos se liberará el Sprint 1 para levantar la infraestructura del bot calificador.
v1.0 · Junio 2026
Aprobado para Desarrollo
Confidencial