De Idea a Producto: Anatomía de NutriNen
Cómo identificar una grieta de mercado donde nadie está mirando, validarla con herramientas SEO gratuitas que capturan tráfico orgánico desde el día uno, y construir una app completa — chatbot con 33 tools, sintetizador de audio, gamificación adaptativa y app nativa Android — como un solo developer.
nutrinen.com · Un producto de Cadences
1 La grieta
32 millones de bebés nacen cada año en Europa y Latinoamérica. Sus padres — millennials y Gen-Z que ya usan ChatGPT a diario — descargan apps para registrar tomas, pañales y sueño. Pero cuando miras las opciones disponibles, encuentras algo curioso: ninguna combina inteligencia artificial conversacional, nutrición personalizada por etapa, gamificación y música en un solo producto.
Baby Tracker registra datos pero no los interpreta. Huckleberry predice sueño pero ignora la alimentación. Solid Starts tiene guías excelentes pero no tiene IA ni inventario. La grieta no estaba en "hacer otra app de bebés" — estaba en construir la primera que entiende el contexto completo: qué tiene la nevera, en qué etapa está el bebé, qué comió ayer, qué le toca hoy.
| Feature | Baby Tracker | Huckleberry | Solid Starts | NutriNen |
|---|---|---|---|---|
| IA Conversacional (33 tools) | — | — | — | ✓ |
| Gestión de inventario | — | — | — | ✓ |
| Gamificación adaptativa | — | — | — | ✓ |
| Caja de música (sintetizador) | — | — | — | ✓ |
| Curvas OMS + análisis IA | Básico | — | — | ✓ |
| Voz TTS + STT | — | — | — | ✓ |
🎯 El timing importa
Function calling no existía hace 2 años. Hoy, un LLM puede planificar un menú real con el inventario real de tu nevera. Los padres de 25-40 ya esperan que las apps sean inteligentes. Y los costes de infraestructura han caído un 90% con edge computing y modelos como DeepSeek. La ventana acaba de abrirse.
2 Validar antes de construir: 29 herramientas SEO gratuitas
Antes de escribir una línea de la app, construimos lo que posiciona. La estrategia: crear herramientas gratuitas que resuelven problemas reales de padres — cada una es una landing page estática optimizada para SEO que captura tráfico orgánico. No necesitas ads cuando Google te envía a los usuarios que ya están buscando exactamente lo que tú ofreces.
Cada herramienta vive en nutrinen.com/tools/{nombre}/, es HTML estático (carga en <1s), funciona sin registro, y tiene un CTA natural hacia la app completa. Es un lead magnet que no pide nada a cambio — solo resuelve.
Las 29 herramientas
Las herramientas con 🤖 usan APIs de IA en el backend (DeepSeek, Workers AI)
📈 La ecuación SEO
29 herramientas + 33 artículos de blog + interconexión interna entre ambos = 62 landing pages optimizadas que posicionan en keywords de cola larga. "calculadora percentiles bebé OMS", "menú BLW 6 meses", "test hitos desarrollo bebé". Cada una captura tráfico que los competidores no están atacando porque sus apps no tienen web pública.
3 La decisión cero-frameworks: 19.600 líneas de Vanilla JS
Toda la app es un solo archivo HTML. Sin React, sin Vue, sin Next.js. 19.600 líneas de JavaScript vanilla con CSS Custom Properties y un sistema de escenas custom. Suena extremo, pero la decisión fue deliberada:
⚡ Rendimiento
Sin virtual DOM, sin hydration, sin bundle splitting. La app carga y es interactiva en milisegundos. En un dispositivo Android de gama media, eso se nota.
📱 Capacitor compatible
Capacitor necesita assets estáticos en www/. Sin build step complejo — sync directo del HTML/JS al proyecto Android.
🔧 Control total
Cada animación, cada transición, cada interacción es código propio. Sin luchar contra las abstracciones de un framework que no fue diseñado para tu caso de uso.
0️⃣ Dependencias
Cero node_modules. Sin vulnerabilidades de terceros, sin breaking changes en updates, sin npm audit con 47 warnings.
Motor de escenas: 5 escenas (Cuna, Cocina, Agenda, Progreso, Chat) gestionadas por game-engine.js. Transiciones animadas, lazy loading de módulos, localStorage para todo el estado. La arquitectura es más cercana a un videojuego que a una SPA tradicional.
4 NutriBot: 33 herramientas de function calling
NutriBot no es un chatbot que "responde preguntas". Es un agente con 33 herramientas que puede gestionar tu nevera, crear alarmas, planificar menús con lo que tienes disponible, registrar comidas, analizar el sueño del bebé y navegar entre escenas de la app — todo desde lenguaje natural.
| Categoría | Tools | Ejemplo |
|---|---|---|
| 🧊 Nevera / Inventario | 5 | "Añade 6 yogures que caducan el viernes" |
| 🛒 Lista de compra | 5 | "¿Qué nos falta para hacer puré de calabaza?" |
| 🍽️ Comidas | 8 | "Registra que ha comido puré de brócoli con pollo" |
| ⏰ Recordatorios | 6 | "Recuérdame la vacuna del martes a las 10" |
| 🔔 Alarmas | 3 | "Pon una alarma para la toma de las 3am" |
| 👶 Perfiles | 2 | "Actualiza el peso del bebé a 8.2 kg" |
| 💤 Sueño | 4 | "Registra que durmió de 21:30 a 7:15" |
Multi-round execution
Hasta 5 rondas por request. El LLM puede ejecutar una herramienta, leer el resultado, ejecutar otra basándose en el resultado, y así sucesivamente. Dedup inteligente: WRITE bloqueado en follow-ups, solo READ para verificación.
$0.0015 por request
DeepSeek V3 con 52-67% cache hit rate gracias al prefijo estable de ~22.500 tokens (system prompt + 33 tool schemas). Febrero 2026: $1.52 total por 1.006 requests.
5 Caja de música: sintetizador Web Audio sin MP3
Cero archivos de audio. Las 22 melodías se generan en tiempo real con la Web Audio API — 3 osciladores (fundamental + octava + quinta) con envolvente ADSR. Desde nanas hasta Für Elise, todo sintetizado nota por nota en una escala cromática de A#2 a C#7.
8 nanas
Twinkle Twinkle, Brahms, Frère Jacques…
8 clásicos
Für Elise, Canon, Moonlight, Claire de Lune…
6 infantiles
Old MacDonald, Itsy Bitsy, Row Your Boat…
Modo sueño: 1-8 ciclos con fade progresivo. Si el bebé se duerme a la segunda repetición, la música baja gradualmente hasta silenciarse. Auto-play (Für Elise a los 12s de inactividad), playlist encadenando canciones, y audio ducking automático cuando el TTS del chatbot necesita hablar.
6 Gamificación adaptativa por etapa
La gamificación no es "puntos porque sí" — es un sistema que se adapta a la etapa de alimentación del bebé. Un recién nacido no tiene los mismos objetivos que un niño de 18 meses. Los retos, logros y paneles nutricionales cambian automáticamente.
5 etapas de alimentación
0-5 meses → 🥄 Inicio
6-7 meses → 🥦 Variedad
8-11 meses → 🍝 Familiar
12-23 meses → 🏆 Autónoma
24+ meses
30 objetivos semanales
6 por etapa, challenges específicos
16 logros
8 universales + 8 por etapa
3 paneles nutricionales
Lactancia: Tomas/Sueño/Hidratación
Variedad+: Proteínas/Carbos/Vitaminas
7 Curvas OMS, Deep Pulse y Dashboard semanal
Los datos del bebé no solo se registran — se interpretan. Las curvas de crecimiento OMS (percentiles P3/P50/P97 para niños y niñas, 0-36 meses) se renderizan en Canvas con banda sombreada. Pero eso es solo la base.
Deep Pulse — Análisis nutricional con IA
Endpoint dedicado (/deep-pulse) que analiza la alimentación completa y genera un health score con insights personalizados. Si el score baja de 60, dispara una notificación automática.
Ambient Pulse — Evaluación continua
Cada 10 minutos, de forma invisible, evalúa: comidas perdidas, alimentos por caducar, recordatorios pendientes. Muestra un snackbar in-app y, en Android, notificaciones nativas contextuales.
Dashboard semanal
Agregación de 7 días de datos: 4 tarjetas resumen, gráfico de barras, clasificación en 5 grupos alimentarios (100+ palabras clave en español), alertas de nutrientes con 4 niveles de severidad. Export a PDF pediátrico optimizado para impresión.
8 De web a nativa: Capacitor 8 y Android
La misma base de código web se empaqueta como app nativa Android con Capacitor 8. Un pipeline de sincronización (sync-from-web.ps1) copia los assets web → www/, transforma las rutas de API para apuntar a producción, y ejecuta npx cap sync android. 15 plugins nativos.
Dual-mode: nativo + web fallback
Capacitor TextToSpeech.speak() → fallback window.speechSynthesis
Google Speech Activity (popup) → fallback webkitSpeechRecognition
Capacitor Haptics para logros, level-ups y alertas. Silencioso en web.
Smart Scanner: captura un producto y el LLM identifica los ingredientes.
4 canales de notificación Android
Popup + sonido. Vacunas, citas médicas.
Alertas nutricionales cuando el score baja de 60.
4 recordatorios diarios recurrentes (8:30, 12:00, 16:00, 20:00).
Alertas contextuales: artículos por caducar, sugerencias BLW.
9 33 artículos de blog + newsletter
Cada artículo del blog está diseñado para responder una búsqueda real de un padre preocupado y conectar con la herramienta SEO correspondiente. "Calendario vacunas bebé 2026" → artículo → herramienta de vacunas → app. El contenido no es marketing — es la primera capa de valor del producto.
Newsletter: Widget en todas las páginas + landing dedicada. Protección anti-bot con Cloudflare Turnstile. Los suscriptores se almacenan en D1 (nutrinen_newsletter). Cero dependencias externas de email marketing — todo in-house.
10 Lecciones: lo que hacer un producto de verdad te enseña
Construir NutriNen no fue solo un ejercicio técnico — fue un curso de producto acelerado. Algunas lecciones que no están en ningún tutorial:
1. Las herramientas gratuitas son el mejor sales funnel
Las 29 herramientas SEO capturan más usuarios que cualquier campaña de ads. Un padre que usa tu calculadora de percentiles a las 3am y obtiene una respuesta inmediata ya confía en ti antes de ver la app.
2. Freemium requiere honestidad brutal
4 tiers (Free 0€, Básico 0.99€, Normal 3.99€, Premium 7.99€). El free tiene que ser suficientemente bueno para que el usuario no se sienta engañado. El premium tiene que justificarse solo. La línea entre ambos es un arte, no una ciencia.
3. No eres pediatra, y está bien decirlo
NutriNen necesita un nutricionista pediátrico para validación científica y un pediatra para el advisory board. La IA comete errores. Ser transparente sobre las limitaciones no es debilidad — es lo que diferencia un producto serio de un juguete.
4. Login enforcement es un balance delicado
Sistema progresivo: Soft mode el día 1 (7 min de delay antes de pedir login), Hard mode para visitantes recurrentes (1 min, bloqueo tras dismiss). Demasiado pronto pierdes usuarios. Demasiado tarde pierdes datos.
5. El producto te obliga a construir herramientas
Para concebir, investigar, iterar y producir NutriNen, necesitábamos herramientas que no existían. Perspectiva Studio para los contenidos del blog y las landings. Transcriptor para investigación de mercado. Heartbeat para el engine de la app. Synapse Studio para orquestar todo. Las herramientas internas nacieron de las necesidades del producto, no al revés.
Las Herramientas que Construimos para Construir: Perspectiva, Transcriptor, Heartbeat y Synapse
Cada producto que lanzamos expuso una carencia. Necesitábamos un CMS que generara contenido SEO optimizado → nació Perspectiva Studio. Necesitábamos transcribir y analizar investigación → nació Transcriptor. Necesitábamos un runtime para apps interactivas → nació Heartbeat. Necesitábamos orquestarlo todo con IA → nació Synapse Studio.
Todas son herramientas de Cadences que se construyeron sobre la marcha para resolver necesidades internas — y que ahora también resuelven las de nuestros clientes. La historia de cómo las necesidades reales crean mejores productos que los roadmaps teóricos.
📋 NutriNen en números
Cadences Engineering
Documentación técnica del equipo de ingeniería