Saltar al contenido principal
Logotipo de Elite-Fit Nutrition

Caso real · Salud y nutrición

Elite-Fit Nutrition: un sitio que capta, un agente que atiende y contenido que su equipo publica solo

Elite-Fit Nutrition da asesoría nutricional deportiva y clínica en dos sucursales de Morelos. Construimos su sitio, una calculadora nutricional, un agente de IA que pasa la conversación a WhatsApp y un panel desde el que su equipo publica artículos y recetas sin depender de un programador.

Ver el sitio en vivo (se abre en una pestaña nueva)
Giro
Asesoría nutricional deportiva y clínica
Ubicación
Cuernavaca y Tetecala, Morelos
Periodo
Marzo a octubre de 2026
Entregado
Sitio, calculadora, agente IA, blog, recetas y panel

Punto de partida

Empezamos con un prototipo y lo convertimos en producto

El proyecto empezó con un prototipo que hicimos rápido con bolt.new. Sirvió para acordar páginas, mensajes y orden, pero no funcionaba como negocio: el formulario de contacto no guardaba nada, el asistente respondía con textos fijos y el blog y las recetas estaban ocultos.

A partir de ahí construimos el producto real: una API propia con base de datos, un panel de administración con inicio de sesión, el agente de IA y el trabajo de buscadores que necesita un negocio local.

Qué construimos

Seis piezas que trabajan juntas

Un sitio que Google y los buscadores con IA pueden leer

Nueve páginas que se generan como HTML completo, cada una con su propio título y descripción. Los datos de las dos sucursales salen de un solo lugar, así que dirección, horario y teléfono coinciden en todo el sitio.

Servicios, preguntas frecuentes, un mapa por sucursal y un formulario de contacto que sí llega al equipo. WhatsApp está a un toque desde cualquier página.

Página de inicio de Elite-Fit Nutrition en escritorio, con los botones flotantes de calculadora y chat
Inicio en escritorio: qué ofrece el negocio y los accesos a la calculadora y al chat.
Página de inicio de Elite-Fit Nutrition en un teléfono
En móvil, el mismo inicio con la calculadora a un toque.
Página de contacto con un mapa para cada sucursal de Elite-Fit Nutrition
Contacto: un mapa por sucursal generado desde su dirección exacta.

Una calculadora que responde la primera pregunta de cada paciente

Antes de agendar, el visitante ya tiene una referencia de cuántas calorías y macronutrientes necesita, y llega a la consulta con contexto.

Con peso, estatura, edad, sexo y nivel de actividad calcula calorías diarias y el reparto de proteína, carbohidratos y grasa con la fórmula Harris-Benedict. Todo ocurre en el navegador: no guarda ningún dato.

Calculadora nutricional abierta sobre el sitio de Elite-Fit Nutrition
La calculadora se abre desde un botón flotante en cualquier página.

Un agente de IA que atiende y pasa a una persona

AsistenteIA resuelve dudas frecuentes a cualquier hora y, cuando la conversación necesita a alguien del equipo, la pasa a WhatsApp.

Un chat en el sitio que avisa que la IA puede equivocarse y tiene un botón para seguir la conversación por WhatsApp.

Chat del agente de IA abierto en el sitio de Elite-Fit Nutrition, con el botón para continuar por WhatsApp
El agente responde en el sitio y ofrece seguir por WhatsApp.

Un blog que el equipo escribe y publica sin deploy

Publicar, editar o retirar un artículo no requiere a un programador ni volver a publicar el sitio. Cada artículo sale con su título, su imagen para redes y sus datos estructurados para buscadores.

Artículos con encabezados, imágenes, citas, listas y columnas, organizados por categoría.

Listado del blog de Elite-Fit Nutrition
El blog público, con los artículos que publicó el equipo de Elite-Fit.
Artículo publicado en el blog de Elite-Fit Nutrition
Un artículo escrito y publicado desde el panel.
Formulario para crear un artículo en el panel de Elite-Fit Nutrition
Nuevo artículo: título, extracto e imagen, sin escribir código.

Un recetario con información nutricional

El equipo puede cargar recetas con ingredientes, pasos, tiempos, porciones, dificultad y valores nutricionales, listas para compartir con sus pacientes.

Cada receta tiene su propia página, con imagen optimizada al subirla.

Formulario para crear una receta en el panel de Elite-Fit Nutrition
Alta de receta desde el panel, con vista previa antes de publicar.

Un panel donde vive el contenido

Cualquier cuenta de administración del equipo puede editar todo el contenido, con inicio de sesión y límites contra intentos repetidos.

Listas de artículos y recetas, categorías y borradores que no se ven en el sitio hasta publicarse.

Lista de artículos en el panel de administración de Elite-Fit Nutrition
Los artículos publicados, con su categoría y su fecha.
Gestión de categorías en el panel de Elite-Fit Nutrition
Las categorías las administra el propio equipo.

Hoy

Su equipo publica, atiende y recibe contactos sin un programador

Publica artículos y recetas

Escribe, edita y retira contenido desde su panel, y el sitio se actualiza al momento.

Recibe contactos

El formulario guarda cada mensaje y avisa por correo; tiene protección contra envíos automáticos.

Atiende fuera de horario

AsistenteIA responde dudas en el sitio y pasa a WhatsApp a quien quiere agendar.

Aparece en buscadores

Cada página y cada artículo nuevo se publica con lo que Google y los buscadores con IA necesitan para leerlo.

Proceso

De marzo a octubre de 2026, por etapas

Cuatro etapas, cada una registrada en el historial del proyecto.

Marzo 2026

API propia

El prototipo pasa a una API propia en PHP con base de datos MySQL y panel con inicio de sesión.

Abril 2026

Contenido compartido

Blog y recetas editables por cualquier cuenta del equipo; mapa propio para cada sucursal.

Mayo 2026

Buscadores

HTML generado por página, datos estructurados, sitemap, llms.txt y formulario de contacto real.

Octubre 2026

Seguridad y agente

Auditoría de seguridad del sitio y la API; AsistenteIA en producción con paso a WhatsApp.

Bajo el capó

Lo técnico, en corto

Stack

React y TypeScript con Vite en el sitio; API propia en PHP con MySQL; agente en Google Cloud Run.

Render híbrido

Las páginas fijas se generan al publicar; blog, recetas y sitemap se generan en el servidor en cada visita, por eso publicar no requiere deploy.

Pruebas

113 pruebas automáticas: 76 en el sitio y 37 en la API.

Buscadores

Lighthouse SEO 100 en móvil y escritorio, medido el 27 de octubre de 2026.

Seguridad

Límites de peticiones por IP y por cuenta, contenido sanitizado y cabeceras de seguridad en todo el sitio.

Por qué así

Cada decisión responde a cómo trabaja el negocio

Una API propia en lugar de seguir con el prototipo

El prototipo no guardaba datos ni tenía usuarios. Una API pequeña y propia, en el mismo hosting del sitio, le da a Elite-Fit control de su contenido sin sumar otro proveedor que pagar.

Publicar sin deploy

Si cada artículo dependiera de un programador, el blog se quedaría vacío. Por eso el contenido dinámico se genera en el servidor y el equipo publica cuando quiere.

Un agente que pasa a una persona

En salud, una respuesta automática no sustituye a su equipo de nutrición. El agente resuelve lo frecuente y deja la consulta a quien corresponde, por WhatsApp, que es donde sus pacientes ya escriben.

Tu operación

El mismo patrón funciona en otros giros

El patrón sirve igual para un despacho, una clínica o un taller: un sitio que capta y que los buscadores entienden, contenido que el equipo publica sin pedir ayuda y un agente que atiende y pasa a una persona.

El agente es AsistenteIA, conectado a la información de cada negocio.

Mira cómo lo aplicamos para profesionales independientes y para empresas.

¿Tu operación necesita algo parecido? Platiquémoslo 30 minutos.

Nos cuentas cómo trabaja tu equipo hoy y te decimos qué construiríamos primero, o si no somos la opción adecuada.