Mabel Studio — Propuesta · Autonoma System
🌿
Mabel Studio
01 / 19
←→ navegar F11
Autonoma System × Mabel Studio

Mabel

Studio

Plataforma Web/App Inteligente para Gestión y Experiencia Premium

"Una experiencia digital elegante, automatizada y enfocada en crecimiento."

9
secciones
100%
móvil
∞
escalable
Propuesta

¿Qué se busca
lograr?

  • Modernizar la experiencia digital de Mabel Studio.
  • Centralizar clientes, instructores y horarios.
  • Automatizar procesos internos para ahorrar tiempo.
  • Mejorar atención y seguimiento de leads.
  • Incrementar conversión y retención de clientes.
  • Crear una experiencia premium, accesible y adaptable.
Resultado esperado

Una plataforma elegante, rápida, automatizada y preparada para escalar.

Diseño

Concepto visual y funcional

Diseño enfocado en
  • Wellness premium
  • Minimalismo elegante
  • Navegación intuitiva
  • Accesibilidad móvil
  • Rapidez y claridad visual
Experiencia de usuario
  • Fácil de usar
  • Fluida en celular
  • Optimizada tablet/desktop
  • Interfaz moderna y limpia
Paleta de colores
Walnut — Madera y café natural
Forest — Verde oscuro elegante
Gold — Dorado premium
Burgundy — Rojo vino sofisticado
🔒 mabel-studio.mx
Plataforma

Estructura principal

Clientes acceden a
  • Inicio / Landing Page
  • Coaches e instructores
  • Horarios y clases
  • Reserva de sesiones
  • Membresías
  • Panel de usuario
  • Historial de clases
  • Pagos y suscripciones
  • Contacto y soporte
Administración
  • Gestión de leads
  • Gestión de instructores
  • Admin de horarios
  • Automatizaciones
  • Panel analítico
  • Control de accesos
🔒 mabel-studio.mx/horarios
Stack Tecnológico

Tecnologías que
se utilizarán

🌐
WordPress
Desarrollo principal del sitio y administración visual
🖥️
Hostinger + EasyPanel
Hosting, despliegue y administración del servidor
⚡
n8n
Automatizaciones inteligentes y conexión de procesos
🗄️
Supabase
Base de datos, autenticación y seguridad
Beneficios del stack
EscalableSeguroModernoFácil de administrarCostos optimizadosExpandible
Sistema

¿Cómo funcionará
todo conectado?

Flujo principal
1
Usuario entra a la plataforma.
2
Realiza una acción: registro, reserva, formulario o solicitud de información.
3
La información se envía a Supabase automáticamente.
4
n8n detecta el evento en tiempo real.
5
Se ejecuta una automatización personalizada.
6
El cliente recibe respuesta automática.
7
Administración visualiza y gestiona toda la información.
📧 Confirmaciones automáticas
💬 WhatsApp automatizado
📋 Seguimiento de leads
⏰ Recordatorios de clases
✉️ Correos personalizados
🔔 Notificaciones internas
Automatización

Sistema automatizado
con n8n

Cuando un cliente llena un formulario:
1
n8n recibe la información al instante.
2
Se guarda automáticamente en Supabase.
3
Se clasifica el lead según su interés.
4
Se envía respuesta automática al cliente.
5
Se notifica al equipo de Mabel Studio.
6
Se inicia seguimiento automatizado.
Ventajas
  • Menor tiempo de respuesta al cliente
  • Automatización de tareas repetitivas
  • Mayor tasa de conversión
  • Organización centralizada de leads
  • Escalabilidad operativa sin más personal
Seguridad

Sistema seguro y
profesional

Supabase Auth — Funciones de autenticación
Inicio de sesión seguroRecuperación de contraseñaControl de sesionesRoles y permisosProtección de datos
👤
Clientes
  • Reservas
  • Historial
  • Perfil personal
  • Membresías
🧘
Instructores
  • Horarios
  • Gestión de clases
  • Info asignada
⚙️
Admins
  • Panel completo
  • Leads
  • Analítica
🔒 mabel-studio.mx/admin
Base de Datos

Administración
centralizada

Leads
  • Nombre
  • Contacto
  • Intereses
  • Historial
  • Conversión
Clientes
  • Membresías
  • Clases
  • Pagos
  • Actividad
Instructores
  • Horarios
  • Disponibilidad
  • Especialidades
Integración con n8n — Toda la información puede ser:
ConsultadaActualizadaAutomatizadaSincronizada
Móvil First

Plataforma diseñada
para todos

Accesibilidad
  • Diseño responsive
  • Compatible con móviles
  • Navegación intuitiva
  • Carga rápida
  • Fácil lectura
  • Botones accesibles
Experiencia premium
  • Interfaz elegante
  • Fluidez visual
  • Organización clara
  • Interacciones rápidas
Personalización

¿Qué se podrá
personalizar?

Elementos personalizables
ColoresTipografíasSeccionesCoachesHorariosMembresíasAutomatizacionesFormulariosCorreos automáticosMensajes personalizadosPanel administrativo
🔒 mabel-studio.mx/reservar
Escalabilidad futura
App móvil nativaPagos avanzadosInteligencia artificialChatbotsCRM avanzadoSistema de recompensas
Comparativa

Web vs Aplicación Móvil

CaracterísticaPágina WebApp iOS/Android
Tiempo de desarrolloMás rápidoMás largo
Costo inicialMás accesibleMás elevado
Acceso inmediatoSíRequiere descarga
ActualizacionesInstantáneasRequieren publicación
SEO y posicionamientoSíLimitado
EscalabilidadAltaAlta
Experiencia móvilExcelenteExcelente
MantenimientoMás sencilloMás complejo
Recomendación

Iniciar con plataforma web optimizada y posteriormente escalar a aplicación móvil nativa.

🔒 mabel-studio.mx/membresias
Impacto

Beneficios para
Mabel Studio

Operativos
  • Menos trabajo manual
  • Mejor organización interna
  • Seguimiento automatizado
  • Centralización de datos
Comerciales
  • Mayor captación de leads
  • Mejor experiencia del cliente
  • Incremento en conversión
  • Mayor profesionalismo de marca
Tecnológicos
  • Escalabilidad garantizada
  • Seguridad avanzada
  • Integración automatizada
  • Preparada para crecimiento
Transformación

Con plataforma
vs sin plataforma

AspectoSin PlataformaCon Plataforma
Gestión de clientesManualAutomatizada
Seguimiento de leadsDesorganizadoCentralizado
ReservasLentasEn línea y rápidas
Atención al clienteLentoRápido
EscalabilidadLimitadaAlta
Experiencia del usuarioBásicaPremium
Control administrativoReducidoCompleto
SeguridadLimitadaProfesional
Imagen de marcaTradicionalModerna y premium
Implementación

Tiempo de desarrollo
e implementación

1
Diseño y estructura — 3 a 5 días
2
Desarrollo y programación — 2 a 3 semanas
3
Automatizaciones y conexiones — Incluido en el desarrollo
4
Implementación final — 1 semana
EtapaTiempo estimado
Diseño y estructura3–5 días
Desarrollo y programación2–3 semanas
Automatizaciones y conexionesIncluido
Implementación final1 semana
Nota importante

Si el proyecto inicia con el servidor del cliente, el tiempo de migración e implementación podrá reducirse o eliminarse.

Contexto de mercado

Precios reales del
mercado mexicano

Opción Precio sin IVA Con IVA (16%) Tiempo Riesgo
Freelancer básico
Poca experiencia, sin soporte		 $8,000–$18,000 $9,280–$20,880 4–10 sem. Alto
Freelancer senior
Más experiencia, sin equipo		 $20,000–$50,000 $23,200–$58,000 6–16 sem. Medio
Agencia pequeña
Equipo básico, procesos limitados		 $40,000–$90,000 $46,400–$104,400 8–20 sem. Medio
Agencia mediana/grande
Equipo completo, costos altos		 $90,000–$250,000+ $104,400–$290,000+ 12–30 sem. Bajo
✦ Autonoma System
Especializado · Rápido · Garantizado		 $14,500 $16,820 3–5 sem. Mínimo
¿Por qué Autonoma System?
  • Precio competitivo con calidad de agencia
  • Entrega en 3 a 5 semanas garantizada
  • Incluye automatizaciones con n8n que agencias cobran aparte
  • Soporte y acompañamiento personalizado post-entrega

* Precios estimados del mercado mexicano 2024–2025. Varían según requerimientos.

Inversión

Propuesta
económica

Desarrollo de plataforma completa
$14,500
MXN + IVA  →  Total: $16,820 MXN
  • Desarrollo visual completo
  • Integración WordPress
  • Configuración Supabase
  • Automatizaciones con n8n
  • Seguridad Auth y roles
  • Responsive móvil optimizado
  • Configuración inicial del servidor
  • Implementación y entrega
ConceptoMonto
Desarrollo plataforma$14,500 MXN
IVA (16%)$2,320 MXN
Total con IVA$16,820 MXN
¿Qué recibes?

Todo lo que incluye
tu plataforma

Sitio Web Premium
Diseñado en WordPress, escalable, personalizado y fácil de administrar
Automatizaciones
Flujos automáticos con n8n: WhatsApp, correos, leads y notificaciones
Base de Datos
Almacenamiento seguro con Supabase: clientes, leads, reservas y más
Dashboard Financiero
Métricas de ingresos, reservas, membresías y crecimiento en tiempo real
Panel de Control del Negocio
Administración completa: usuarios, instructores, horarios, leads, contenido del sitio y configuración — todo desde un solo lugar
WordPress
n8n
n8n
Supabase
WP
Hostinger
Resultado final

Plataforma preparada
para crecimiento

Una experiencia digital premium, automatizada, moderna y preparada para escalar junto con Mabel Studio.

EleganciaAutomatizaciónOrganizaciónConversiónEscalabilidadExperiencia premium
Presentación de

Autonoma System

para

Mabel

Studio

Gracias por su tiempo.

🌿
autonoma-system.com