Sitio Web de Salsa Candela Academia de Baile

Salsa Candela es una academia de baile consolidada en la Ciudad de México con más de 12 años de experiencia enseñando salsa y bachata en 5 sucursales. A pesar de su éxito, aún necesitaban automatizar sus operaciones y procesos administrativos para escalar efectivamente y seguir mejorando la experiencia del cliente.

Esta aplicación web es parte de un proyecto más amplio que ha transformado sus operaciones de registro manual por teléfono a un sistema automatizado 24/7 con análisis completo, opciones de pago flexibles, una aplicación móvil y un bot de WhatsApp.

Si quieres explorar el sitio web en vivo, visita www.salsa-candela.com.

Resumen del Proyecto

Este proyecto creó una aplicación web para una academia de baile con múltiples ubicaciones, facilitando el descubrimiento y la inscripción.

Alcance del Proyecto

• 5 Sucursales: Xola, Valle, Clavería, Coapa y Satélite en el área metropolitana de la Ciudad de México
• Múltiples Tipos de Cursos: Salsa, Bachata, Movimiento Corporal y Clases Privadas
• Registro Automatizado: Inscripción en línea 24/7 con integración de procesamiento de pagos
• Gestión de Eventos: Sistema de fiestas de baile mensuales con venta de boletos
• Plataforma de Análisis: Más de 18 eventos rastreados en 8 categorías para inteligencia de negocios
• Integración de Pagos: Varios métodos de pago incluyendo CoDi, tarjetas de crédito, transferencias y efectivo

Impacto en el Negocio

• Disponibilidad 24/7: De horario telefónico de 9am-9pm a sistema de registro siempre disponible
• Ahorro de Tiempo: Estimado de 40 horas/semana en trabajo administrativo
• Flexibilidad de Pago: Varios métodos de pago vs. solo efectivo
• Inteligencia de Datos: De cero análisis a más de 18 eventos personalizados rastreados
• Posición en el Mercado: Presencia digital profesional compitiendo con franquicias más grandes

El Desafío del Negocio

A pesar de muchos años de éxito, Salsa Candela enfrentaba varios desafíos críticos que limitaban su potencial de crecimiento:

1. Cuello de Botella en el Registro Manual

Cada nuevo estudiante requería un chat de WhatsApp de 10-15 minutos durante el horario laboral. Esto creaba cuellos de botella durante los períodos de inscripción pico y verificaciones manuales de registro por parte del personal administrativo de la academia de baile.

2. Falta de Opciones de Pago Integradas

Los pagos en efectivo, transferencia bancaria y PayPal originalmente permitían una accesibilidad limitada. Los gerentes tenían que procesar los pagos manualmente al inicio del curso, creando retrasos y fricciones, además de dificultar el seguimiento de ingresos.

3. Cero Inteligencia de Negocios

Sin seguimiento de datos, las decisiones de negocio se basaban en la intuición en lugar de información. Preguntas como "¿Qué ubicación atrae más interés?" o "¿Los estudiantes prefieren precios individuales o en pareja?" no podían responderse.

La Solución

La solución fue un sitio web personalizado con registro automatizado, análisis completo y opciones de pago flexibles.

Enfoque Estratégico

En lugar de usar un constructor de sitios web, construí una aplicación personalizada con Node.js/Express diseñada específicamente alrededor del modelo de negocio de la academia:

• Basado en Configuración: El personal no técnico puede actualizar fechas de cursos, precios y eventos de fiestas editando archivos de configuración simples
• Análisis Primero: Cada interacción del usuario se rastrea para proporcionar inteligencia de negocios accionable
• Pago Flexible: Varios métodos de pago incluyendo CoDi (el sistema de pago digital sin comisiones de México)
• Optimizado para Móvil: Diseño responsivo personalizado para el mercado móvil de México
• Ubicaciones Unificadas: Un solo sitio web que sirve a las 5 sucursales con flujos específicos por ubicación

¿Por Qué Desarrollo Personalizado?

Aunque plataformas como WordPress o Wix parecen más fáciles, una solución personalizada proporcionó:

• Costos Más Bajos: $10-20/mes de hosting vs. $100-200 para Wix / WordPress con plugins
• Mejor Rendimiento: Tiempos de carga rápidos, críticos para usuarios móviles en redes 3G/4G
• Control Total: Exactamente las características necesarias, nada más
• Escalabilidad: Puede evolucionar con las necesidades del negocio sin limitaciones de plataforma
• Seguridad: Sin plugins vulnerables, frameworks inflados o dependencia de proveedores

Características Principales

El sitio web incluye varias características diseñadas para aumentar la inscripción, reducir la carga administrativa y proporcionar información del negocio.

Registro a Clases

El sitio web ofrece dos formas de encontrar clases:

• Por ubicación: Navega por salsa-candela.com/sucursales para ver qué ofrece cada sucursal y encontrar la más cercana
• Por estilo de baile: Visita salsa-candela.com/salsa o salsa-candela.com/bachata para comparar horarios de clases en las 5 ubicaciones

Una vez que los estudiantes encuentran una clase que se ajusta a su horario, pueden inscribirse instantáneamente con el botón de suscripción.

Valor para el Negocio:

• Maximiza la Inscripción: Los estudiantes ven todas las opciones a la vez, aumentando la probabilidad de que encuentren un horario conveniente
• Equilibra la Capacidad: Los análisis revelan qué ubicaciones están subutilizadas, informando decisiones de marketing
• Reduce Barreras: Los estudiantes eligen lo que les funciona y se registran instantáneamente sin intercambios de ida y vuelta

Cómo Funciona:

1. El estudiante visita la página de clases de Salsa o Bachata
2. Ve la tabla de horarios mostrando todas las ubicaciones con opciones de entre semana y fin de semana
3. Hace clic en "Inscribirme" para la ubicación elegida
4. Se redirige al sistema de pago seguro con la ubicación preseleccionada
5. El estudiante recibe confirmación y recibo instantáneo

Estrategia de Precios:

• Salsa: 1,300 MXN individual / 2,000 MXN pareja
• Bachata: 1,000 MXN individual / 1,500 MXN pareja
• Clases Privadas: Paquetes escalonados (1 clase: 600 MXN, 5 clases: 2,500 MXN, 10 clases: 4,000 MXN)

Innovación Técnica:

Las fechas de inicio de cursos se calculan dinámicamente. El sistema muestra automáticamente "El próximo curso comienza el sábado [fecha]" sin actualizaciones manuales, manteniendo el sitio web siempre actualizado.

Eventos de Fiesta

Eventos que sirven un triple propósito: flujos de ingresos adicionales, retención de estudiantes y adquisición de nuevos estudiantes.

Valor para el Negocio:

• Flujo de Ingresos: 100-150 MXN por boleto crea ingresos de asistencia consistentes
• Retención de Estudiantes: Los eventos mensuales permiten a los estudiantes practicar lo que aprendieron en sus cursos
• Generación de Prospectos: Los asistentes públicos se convierten en estudiantes potenciales
• Construcción de Comunidad: Los eventos regulares crean lazos sociales que reducen la rotación

Detalles del Evento:

• Horario: Clase de salsa gratuita a las 8:30 PM, fiesta de 9:00 PM a 3:00 AM
• Música: Salsa, Timba, Bachata
• Precios: Preventa (100 MXN) vs. puerta (150 MXN)—promueve la compra anticipada en línea
• Sedes Flexibles: Rota entre ubicaciones

Actualizaciones Basadas en Configuración:

Los detalles de la fiesta se gestionan a través de un solo archivo de configuración. Cambiar la sede, fecha, precios o imágenes promocionales toma 2 minutos—no se requieren cambios de código.

Métodos de Pago

Múltiples opciones de pago eliminan barreras financieras y acomodan todas las preferencias de los clientes, desde jóvenes conocedores de tecnología hasta usuarios tradicionales de efectivo.

Métodos Disponibles:

• CoDi: Sistema de transferencia bancaria instantánea sin comisiones de México
• Tarjetas de Crédito/Débito: Integración con Stripe a través del sistema de administración
• Transferencias Bancarias: Opción tradicional
• Tarjetas OXXO/7-ELEVEN: Opción popular de tiendas de conveniencia en México
• Efectivo: En persona en las sucursales

Valor para el Negocio:

• Maximiza la Conversión: Nadie es rechazado debido a limitaciones de pago
• Posicionamiento en el Mercado: Las opciones de pago modernas atraen a demografías más jóvenes
• Información de Datos: Rastrea qué métodos de pago son más populares para informar la estrategia futura

Estrategia de Promoción de CoDi:

Una página dedicada /guia-codi educa a los usuarios primerizos sobre el sistema de pago digital instantáneo de México. Esta guía reduce el abandono de pagos y posiciona a la academia como tecnológicamente avanzada mientras atrae a clientes que prefieren transferencias bancarias instantáneas sobre tarjetas de crédito. También ofrece al negocio una opción de pago sin comisiones, mejorando los márgenes.

Inteligencia de Negocios

Más de 18 eventos rastreados en 8 categorías proporcionan información accionable que permite la toma de decisiones de negocio con una estrategia basada en datos.

Eventos Rastreados Incluyen:

• Intención de Compra: Salsa individual/pareja, Bachata individual/pareja, Niveles de clases privadas, Boletos de fiesta
• Método de Pago: Selección de CoDi vs. Tarjeta de Crédito con seguimiento de código de referido
• Registro por Sucursal: 5 eventos específicos por ubicación revelan qué sucursales obtienen más interés
• Interacciones con Mapas: Rastrea el comportamiento de investigación de ubicación
• Métodos de Contacto: Engagement de WhatsApp, Email, Facebook, Instagram

Preguntas de Negocio Respondidas:

• "¿En qué ubicación debo enfocar el gasto de marketing?" → Datos de clics de registro por sucursal
• "¿Los estudiantes prefieren precios individuales o en pareja?" → Seguimiento de intención de compra
• "¿Está funcionando la promoción de CoDi?" → Datos de selección de método de pago
• "¿Qué códigos de referido generan más boletos de fiesta?" → Seguimiento de código de referido

Documentación de Análisis:

Un archivo de documentación explica qué rastrea cada evento, cómo acceder a Google Analytics y cómo interpretar los datos para decisiones de negocio. Esto permite a los dueños de negocios no técnicos acceder a información sin contratar consultores.

Diseño y Experiencia de Usuario

El diseño se hizo para ser primero móvil, visualmente atractivo y optimizar el recorrido del usuario desde el aterrizaje hasta el registro.

Experiencia Móvil Primero

Más del 70% del tráfico en México es móvil. El sitio web cuenta con diseño responsivo personalizado optimizado para pantallas de teléfono:

• Navegación Hamburguesa: Menú deslizable suave optimizado para táctil
• Tablas Responsivas: Las tablas de escritorio se reorganizan para desplazamiento vertical en móvil
• Botones Optimizados para Táctil: Objetivos mínimos de 44x44px
• Clic para Llamar: Número de teléfono en el pie de página
• Integración con WhatsApp: Mensajería directa desde móvil

Optimización del Recorrido del Usuario

Ruta del Visitante Primerizo:

1. Video Hero: Comunica valor inmediatamente
2. Propuesta de Valor: "¡Aprende a bailar en 5 semanas!"
3. Tarjetas de Clases: Navegación visual a clases de Salsa, Bachata o Privadas
4. Tablas de Horarios: Ve las 5 ubicaciones a la vez
5. Precios Claros: Los costos transparentes reducen la ansiedad de compra
6. Sección de FAQ: Más de 75 pares de preguntas y respuestas abordan objeciones
7. Registro Fácil: Un clic al sistema de pago

Enfoque Tecnológico

El stack tecnológico fue elegido por simplicidad, rendimiento y mantenibilidad a largo plazo.

Stack Tecnológico

• Backend: Node.js + Express.js
• Frontend: JavaScript Vanilla
• Plantillas: EJS para renderizado del lado del servidor (amigable con SEO, rápido)
• Análisis: Google Analytics 4 + TikTok Pixel
• Pagos: Stripe (a través del sistema de admin) + CoDi (a través de API CoDi)
• Hosting: Dependencias mínimas = $20/mes de hosting

¿Por Qué Estas Elecciones?

1. Costo-Efectivo

• Solo 4 dependencias de runtime (express, ejs, dotenv, body-parser)
• Sin licencias costosas de bases de datos o servicios en la nube
• Puede ejecutarse en hosting compartido económico

2. Rendimiento Rápido

• Renderizado del lado del servidor = cargas de página instantáneas
• Sin sobrecarga de framework del lado del cliente
• Optimizado para las redes móviles de México

3. Mantenimiento Fácil

• Contenido basado en configuración (courseData.js, partyConfig.js)
• El personal no técnico puede actualizar fechas y precios
• Separación clara: vistas, rutas, controladores

4. Sin Base de Datos = Simplicidad

Los horarios de cursos y detalles de fiestas se almacenan en archivos de configuración JavaScript en lugar de una base de datos. Esto proporciona:

• Cero costos de base de datos
• Cargas de página más rápidas: Sin consultas a base de datos
• Respaldos más simples: Todo en control de versiones Git
• Actualizaciones más fáciles: Edita archivo de configuración, redespliega
• Sin tiempo de inactividad: Sin migraciones de base de datos

Desafíos y Soluciones

Cada proyecto enfrenta obstáculos. Así es como resolvimos los principales desafíos para Salsa Candela.

Desafío 1: Actualizaciones de Contenido Sin Desarrolladores

Problema: El personal de la academia de baile son expertos en enseñar salsa, no en programar. Necesitan actualizar fechas de cursos y detalles de fiestas mensualmente sin intervención del desarrollador.

Solución: Gestión de contenido basada en configuración

• Todas las fechas, precios, ubicaciones en archivos de configuración JavaScript simples
• courseData.js: Horarios de cursos hasta noviembre 2026
• partyConfig.js: Título de fiesta, fecha, ubicación, imágenes, precios
• classSchedules.js: Horarios de clases por ubicación

Por Qué Funciona: El personal no técnico edita: date: "2025-12-12", redespliega, listo. Sin migraciones de base de datos, sin complejidad de panel de administración.

Desafío 2: Procesamiento de Pagos

Problema: Aceptar solo pagos en efectivo no proporciona trazabilidad ni rendición de cuentas.

Solución: Habilitar sistemas de pago (Stripe, CoDi)

• El sitio web público maneja navegación y selección
• El registro redirige a admin.salsa-candela.com seguro
• El sistema de administración maneja todos los datos y procesamiento de pagos
• El usuario regresa después de la confirmación

Beneficio para el Negocio: Los datos de pago nunca tocan el sitio web público. Seguridad, cumplimiento y trazabilidad gestionados por sistema de administración dedicado.

Desafío 3: 5 Ubicaciones, Un Sitio Web

Problema: Cada sucursal tiene diferentes horarios y capacidad. ¿Cómo presentar todas las opciones sin abrumar a los usuarios?

Solución: Flujos de registro por tipo de baile y por ubicación

• Salsa: Todas las clases de salsa en todas las ubicaciones
• Bachata: Todas las clases de bachata en todas las ubicaciones
• Sucursales: Encuentra clases de salsa y bachata por sucursal específica

En sucursales, implementamos un buscador de ubicaciones, que ayuda a los usuarios a encontrar su sucursal preferida por distancia.

Lección Aprendida: Mostrar todo genera confianza. Ocultar detalles para "simplificar" habría reducido la transparencia y confundido a los usuarios.

Resultados e Impacto

El sitio web transformó a Salsa Candela de un negocio de servicios tradicional a una operación habilitada digitalmente y basada en datos.

Comparación Antes vs. Después

Ganancias en Eficiencia Operativa

• Tiempo de Registro: Eliminó filas de espera de 20 min a un formulario en línea de 2 minutos
• Horas Administrativas Ahorradas: Estimado de 40 horas/semana en procesamiento manual
• Disponibilidad Fuera de Horario: Registro 24/7 vs. horario telefónico de 9am-6pm
• Procesamiento de Pagos: Confirmación automatizada vs. verificación manual

Transformación de Inteligencia de Negocios

De Cero Datos a Eventos Rastreados:

• Qué buscan los clientes
• Cuál es la tasa de conversión en cada etapa
• Quién realiza compras por ubicación y estilo de baile
• Tasas de adopción en línea vs efectivo
• Efectividad de canales de marketing (social, directo, búsqueda)

Mejoras en la Experiencia del Cliente

Conveniencia:

• Investiga clases durante la hora de comida en lugar de llamar
• Regístrate a medianoche si es cuando decides
• Compara las 5 ubicaciones sin hacer 5 llamadas telefónicas

Transparencia:

• Ve exactamente por qué estás pagando (5 semanas, 10 clases, opciones de horario)
• Precios claros—sin fricción de "llama para precios"
• Políticas de reembolso y privacidad accesibles por adelantado

Confianza:

• Más de 75 respuestas de FAQ reducen la ansiedad de compra
• Ve más de 12 años de experiencia y ubicaciones establecidas
• Lee las políticas antes de comprometerte

Mejoras Futuras

La arquitectura fue diseñada para evolución. Aquí hay características futuras potenciales que podrían agregarse a medida que el negocio crece:

Portal de Estudiantes

Permitir a los estudiantes iniciar sesión y ver sus cursos inscritos, rastrear asistencia, ver progreso a través de niveles del currículo y recibir recordatorios de eventos de fiesta.

Calendario de Reserva de Clases en Línea

Permitir a los estudiantes de clases privadas reservar horarios específicos con disponibilidad de instructores mostrada en tiempo real.

Panel de Programa de Referidos

Incentivar a los estudiantes existentes a traer amigos con códigos de referido únicos, seguimiento y recompensas (descuentos o boletos de fiesta gratis).

Vistas Previas de Clases en Video

Incrustar videos de YouTube mostrando clases de muestra, presentaciones de instructores y testimonios de estudiantes para ayudar a los aprendices visuales a evaluar el estilo de enseñanza antes de comprometerse.

Perfiles de Instructores

Mostrar biografías de instructores, fotos, especialidades de enseñanza (salsa cubana vs. estilo LA) e historias de viaje de baile personal para generar confianza y conexión.

Soporte Multi-Idioma

Agregar versión en inglés de todas las páginas para atraer a las comunidades de expatriados y turistas de la Ciudad de México, con selector de idioma en el encabezado.

Estrategia de Mejoras: Cada fase se construye sobre la anterior sin requerir reescrituras y puede implementarse en etapas.