CLUBMX — App de Nutricion y Bienestar
Plataforma web para seguimiento nutricional con chat en tiempo real con especialistas, retos de 21 dias y metricas de salud personalizadas.
El Reto
CLUBMX es un programa de nutricion y bienestar que ofrecia sus servicios de forma presencial y por WhatsApp. Los nutriologos enviaban planes alimenticios por mensaje, los clientes respondian con fotos de sus comidas, y el seguimiento se llevaba en una hoja de calculo compartida.
Los nutriologos pasaban mas tiempo administrando conversaciones de WhatsApp que asesorando. Los planes se perdian en el historial de chat. No habia forma de ver progreso historico de forma visual.
Necesitaban una plataforma propia donde el cliente tuviera todo en un solo lugar: su plan, su progreso, su comunicacion con el especialista, y sus retos activos.
La Solucion
Desarrollamos una aplicacion web completa con un diseno visual moderno basado en glassmorphism — fondos translucidos con bordes difuminados que le dan una estetica premium de salud y bienestar.
La vista del cliente es su centro de control de salud: registra comidas, agua, peso y medidas, chatea con su nutriologo en tiempo real, y participa en retos de 21 dias con progreso visual.
La vista del administrador permite gestionar clientes, revisar registros, enviar planes, configurar retos, y analizar el progreso de cada persona con graficas historicas.
Features Clave
Seguimiento de Hidratacion
Contador visual de vasos de agua con barra de progreso hacia la meta diaria configurable. Historial en graficas semanales y mensuales.
Registro de Comidas con Categorias
Cada comida se registra con hora, tipo, descripcion y foto opcional. El nutriologo puede revisar y dejar comentarios.
Metricas Corporales (Peso, Medidas)
Registro de peso y medidas corporales con graficas de progreso automaticas y lineas de tendencia.
Chat en Tiempo Real con Especialista
Chat directo con nutriologo asignado. Mensajes en tiempo real, envio de archivos y fotos. Historial accesible.
Retos de 21 Dias
Programas grupales con actividades diarias y calendario visual de progreso. El administrador ve la participacion global.
Sistema de Notificaciones Personalizadas
Recordatorios basados en comportamiento: 'No has registrado tu comida de hoy', 'Llevas 3 dias sin registrar agua'.
Como se Ve
Dashboard de Metricas de Salud
Fondo glassmorphism con tarjetas translucidas: hidratacion, peso vs meta, racha de registro, reto activo. Resumen de comidas del dia.
Interfaz de Registro de Comidas
Formulario limpio con selector de tipo, descripcion, foto. Comidas del dia en tarjetas con icono de comentario del nutriologo.
Chat con Especialista
Interfaz de chat moderna con burbujas, lista de conversaciones, compartir fotos y archivos PDF.
Progreso del Reto de 21 Dias
Calendario visual: verde (completado), amarillo (parcial), rojo (no completado), gris (futuro). Barra de progreso general.
Detalles Tecnicos
| Componente | Tecnologia |
|---|---|
| Frontend | React 18, componentes custom |
| Diseno UI | Glassmorphism, CSS custom avanzado |
| Chat | WebSockets para tiempo real |
| Notificaciones | Sistema personalizado por comportamiento |
| Graficas | Libreria de graficas interactivas |
| Responsivo | Mobile-first design |
Resultados
Cliente + Admin
Plataforma completa
Implementado
Chat en tiempo real
Con seguimiento
Retos de 21 dias
Hidratacion, comidas, peso
Registro diario
Glassmorphism premium
Diseno
Servicios relacionados
¿Ofreces servicios de salud, bienestar o coaching?
Podemos construir una plataforma propia para tu negocio — con tu marca, tus reglas, y sin depender de WhatsApp para todo.