NUTRISYNCBuilders Hub
🏠 🛠
PROTOTIPOS

NutriSync en imágenes

Cuatro superficies, un solo producto. Recorre cada prototipo, su customer journey y sus pantallas.

Durante décadas la medicina y la nutrición se han diseñado sobre un cuerpo de referencia masculino, con un ciclo hormonal de 24 horas. El cuerpo de la mitad de la población funciona con un ciclo de unos 28 días y cuatro fases muy distintas — y esa diferencia se ha ignorado.

NutriSync existe para cerrar esa brecha: sincroniza nutrición, movimiento y descanso con la fase del ciclo de cada mujer, aprende de lo que registra y le devuelve pautas concretas para el día de hoy. No diagnostica ni sustituye a un profesional sanitario: detecta patrones y los explica con claridad.

El producto vive en cuatro superficies que comparten un mismo backend y un mismo lenguaje visual: la web de marketing, la app móvil (iOS, Android y PWA), la web-app de escritorio y el hub interno de Builders con la sala de Pitch. Abajo puedes recorrerlas una a una.

Diseño en Figma

🎨 Sistema de diseño (tokens, componentes) · enlace pendiente🎨 Web marketing — maquetas · enlace pendiente🎨 Prototipo MVP — wireframes navegables🎨 Trends / Cycle Intelligence (en curso) · enlace pendiente

Recursos gráficos

Logo y marca
SVG · wordmark, isotipo, alas
Iconografía
SVG · navegación, fases, síntomas
Paleta y tipografía
Coral #E8472A · Poppins + Inter
Deck de inversión
PDF
Dataroom
Modelo financiero · benchmarks

Las cuatro superficies

1Prototipo · Web de marketing

La puerta de entrada pública: explica el problema (la medicina se construyó para la biología masculina), la propuesta de NutriSync y capta la lista de espera. Es la superficie que ven inversoras, prensa y las primeras usuarias.

Abrir la web
CUSTOMER JOURNEY
1Llega desde redes o boca a boca2Entiende el problema en 15 segundos3Ve cómo funciona por fases del ciclo4Consulta la ciencia y el equipo5Se apunta a la lista de espera6Recibe su invitación al piloto
PANTALLAS
2Prototipo · App móvil

El producto diario. Una sola base de código React Native se publica en tres superficies: iOS (TestFlight → App Store), Android (Google Play) y la PWA en m.nutrisynccollective.com, que sirve como prototipo navegable sin instalar nada. Lo que ves en la PWA es literalmente la app.

Abrir la PWA (app real)
CUSTOMER JOURNEY
1Instala o abre la PWA2Crea cuenta con correo, Google o Apple3Onboarding: ciclo, cuerpo, objetivos4Check-in diario de ánimo y energía5Home: anillo del ciclo y fase de hoy6Registra comida y movimiento7Progress: Cycle Alignment y estabilidad8Calendario y Tendencias del ciclo
PANTALLAS
iOS y Android reciben exactamente estas pantallas; las diferencias son de sistema operativo (biometría, notificaciones, tiendas), no de producto.
3Prototipo · Web-app

La misma experiencia en navegador de escritorio, pensada para quien prefiere teclado y pantalla grande, y para demos. Se abre en modo prototipo con datos de ejemplo: navegación completa, sin cuenta y sin escribir en la base de datos real.

Abrir el prototipo web
CUSTOMER JOURNEY
1Alta y acceso2Onboarding guiado3Uso diario4Seguimiento y ajustes
PANTALLAS
Alta y acceso
Experiencia diaria
Seguimiento
Cuenta y privacidad
4Prototipo · Builders & Pitch

La trastienda: el hub donde el equipo gobierna el producto (MIS, finanzas, piloto, feedback, traducciones, documentación) y la sala de Pitch con los materiales de inversión. Protegido por dos capas: Cloudflare Access y sesión de administradora con doble factor.

Abrir el hub
CUSTOMER JOURNEY
1Acceso con correo autorizado y PIN2Sesión de administradora con MFA3Overview: KPIs y business case4Operar: piloto, feedback, finanzas5Consultar documentación viva6Pitch: deck y dataroom
PANTALLAS

Los prototipos corren con datos de ejemplo en tu navegador — nada de lo que hagas aquí escribe en una cuenta real. Página interna del equipo; no se enlaza desde la web pública.