NUTRILINK

By Martín Mafla.

Plataforma digital de nutrición que conecta a pacientes con nutricionistas profesionales. A través de una app móvil, los pacientes acceden a planes nutricionales personalizados, agendan citas, se comunican en tiempo real con su nutricionista y reportan su progreso. Las nutricionistas gestionan todo desde un portal web con herramientas para crear dietas, fichas antropométricas, metas, foros y control de pagos.

Categoría

Aplicación Web & Móvil

Género

Salud & Bienestar

Tecnología

React, React Native, Supabase

RETOS &
OBJETIVOS

Descripción del Proyecto

NutriLink nace de una problemática real: no existe en el mercado una plataforma que conecte directamente a pacientes con nutricionistas licenciadas y certificadas de forma integral. Las apps actuales se limitan a contar calorías sin ningún acompañamiento profesional. NutriLink cambia eso por completo. A través de una app móvil, los pacientes reciben planes nutricionales personalizados creados por su nutricionista, agendan citas con videollamadas integradas, se comunican en tiempo real por chat, reportan sus avances con fotos y medidas, y participan en una comunidad activa con foros temáticos. Además, NutriLink incorpora gamificación y recompensas: los pacientes ganan logros al cumplir metas, lo que convierte el proceso nutricional en algo motivador y sostenible. Las nutricionistas gestionan todo desde un portal web profesional con herramientas para crear dietas, fichas antropométricas, suplementación, actividad física, control de pagos y seguimiento visual del progreso de cada paciente.

Desafíos

Construir algo que no existe en el mercado: una plataforma que combine atención nutricional profesional con tecnología de gamificación, tracking y comunidad, todo en un mismo ecosistema. Esto implicó integrar dos plataformas distintas — una app móvil en React Native y un portal web en React — sobre un único backend en Supabase con sincronización en tiempo real entre ambas. También fue un reto diseñar un flujo de onboarding completo que guíe al usuario desde el registro hasta convertirse en paciente activo, pasando por selección de nutricionista, agendamiento de citas, reuniones virtuales, verificación de pagos y activación de todas las funcionalidades, sin perder fluidez en la experiencia.

Objetivos

Llenar un vacío en el mercado creando la primera plataforma que integra nutricionistas certificadas, planes personalizados, tracking de progreso, gamificación con recompensas y comunidad en un solo lugar, reemplazando las apps genéricas que solo cuentan calorías sin ofrecer acompañamiento real. A nivel técnico, desarrollar un sistema completo con comunicación en tiempo real, generación de planes nutricionales exportables en PDF, gestión de citas con videollamadas, sistema de metas con avatar visual y reportes de avance, foros comunitarios, notificaciones en vivo y una interfaz con estética premium que motive al usuario a mantenerse en su proceso.

nutrilink-gallery-3
nutrilink-gallery-2
nutrilink-gallery-1

Proceso
Creativo

El proyecto partió de una problemática real: no existe en el mercado una plataforma que conecte directamente a pacientes con nutricionistas licenciadas de forma integral. Las apps actuales se limitan a contar calorías sin ningún acompañamiento profesional. A partir de esa necesidad, se diseñó un sistema donde el paciente no solo recibe un plan nutricional personalizado, sino que tiene comunicación en tiempo real con su nutricionista, agenda citas con videollamadas, reporta avances con medidas y fotos, y participa en una comunidad con foros y recompensas.

Cada pantalla fue diseñada e iterada en Figma y código, ajustando flujos de usuario, jerarquía visual, micro-interacciones y respuesta en tiempo real entre la app móvil y el portal web. El proceso combinó diseño de experiencia de usuario, desarrollo frontend y backend, e integración de servicios en la nube para construir una plataforma coherente tanto en lo funcional como en lo emocional.

TECNOLOGÍAS & FUNCIONALIDADES

Tecnologías

Desarrollado con React para el portal web y React Native con Expo para la app móvil, ambos conectados a un backend unificado en Supabase con base de datos PostgreSQL, autenticación, almacenamiento y comunicación en tiempo real. La arquitectura permite sincronización instantánea entre las dos plataformas: cuando la nutricionista actualiza un plan desde el portal web, el paciente lo ve reflejado en su celular al instante.

Funcionalidades

Los pacientes agendan citas con videollamadas integradas vía Jitsi, reciben planes nutricionales personalizados con tiempos de comida y suplementación, y se comunican en tiempo real con su nutricionista a través de chat directo.

NutriLink incorpora un sistema de gamificación con metas y recompensas, donde cumplir objetivos nutricionales desbloquea cupones en negocios aliados como Freshii, NutriShop y GymPass.

Las nutricionistas gestionan todo desde un backoffice completo: fichas antropométricas, planes nutricionales exportables en PDF, control de pagos con comprobantes, calendario de citas, foros comunitarios y seguimiento visual del progreso de cada paciente.

DONDE LA NUTRICIÓN SE VUELVE PERSONAL, PROFESIONAL Y REAL

NutriLink fue desarrollado por Martín Mafla, estudiante de Medios Interactivos en la USFQ, con una filosofía clara: if you can dream it, you can build it — but beautiful. Para Martín, no basta con que algo funcione; tiene que verse y sentirse increíble. La carrera le dio las herramientas para unir desarrollo, diseño y narrativa en un mismo proyecto, demostrando que se puede construir cualquier idea desde cero y convertirla en una experiencia real, funcional y visualmente impecable.