YAN
Seguimiento de hábitos y rutinas compartidas
BetterTogether. Hábitos, comidas y movimiento en una vista diaria
Una app funcional para que las parejas den seguimiento a sus hábitos, registren la ingesta de calorías y el ejercicio, y sigan un desafío compartido. Su panel diario conecta los registros individuales con una racha conjunta, recompensas y el progreso a lo largo del tiempo.
- Mi papel
- Estrategia de producto, UX/UI e implementación
- Estado del proyecto
- Flutter Web/PWA publicado
- Período
- 2026
Componentes e interacciones actuales de la app, demostrados con datos sintéticos.
Mi contribución
BetterTogether lleva los pequeños registros de una rutina diaria a un desafío compartido: marcar un hábito, sumar las calorías de una comida, anotar el ejercicio y volver para ver qué cambió. Trabajé en la estrategia de producto, el UX/UI y la implementación en Flutter.
La app le da a cada persona una vista diaria y mantiene visible el recorrido de la pareja. El trabajo de diseño se concentra en la relación entre una acción, su resultado registrado y el progreso que la interfaz muestra a continuación.
Dar un día a cada registro
La tira de fechas cambia a la vez los registros de hábitos y los totales de calorías del panel. La persona puede volver a un día anterior, revisar sus registros y agregar un registro de ingesta o de ejercicio en la fecha seleccionada.
Los hábitos tienen su propia pantalla, enfocada en ellos, con un selector de fecha y controles para marcarlos como completados. Un toque actualiza el estado de inmediato; si falla el guardado, la app restaura el estado anterior y explica que no se pudo guardar el registro.
Hacer legible el cálculo de calorías
La ingesta y el ejercicio se ingresan a mano en una hoja numérica. La calculadora pone esos registros en relación visual con la meta diaria configurada, con un anillo, un resultado con signo y orientación contextual.
Una segunda vista de la calculadora explica los términos detrás de lo que se muestra: metabolismo, ingesta, ejercicio y meta. El color distingue entre avanzar, alcanzar la meta y superarla. La persona puede revisar el cálculo desde el mismo componente en el que aparece el resultado.
Definir qué cuenta como un día en pareja
La racha conjunta tiene una regla específica: cada participante debe completar al menos un hábito y registrar ingesta o ejercicio el mismo día. La interfaz muestra la racha actual, la racha más larga y si hoy ya cuenta.
Un carrusel horizontal mantiene a mano el desafío, la cuenta regresiva y la revelación bloqueada. Las recompensas marcan hitos a lo largo del recorrido compartido. Cuando la revelación final queda disponible, pasa a una vista más grande con una retrospectiva del desafío.
Llevar el feedback a toda la app
El sistema visual implementado usa fondos neutros, un naranja cálido, tipografía redondeada y grano. Los temas claro y oscuro mantienen la misma jerarquía en el panel, las hojas numéricas y las vistas de progreso. La respuesta al toque, los números que cambian y las transiciones de página conectan los estados.
Los ajustes del desafío también hacen explícita la visibilidad de los datos: privada o compartida entre los participantes. Quien crea el desafío controla ese ajuste, y la persona invitada lo hereda. Mi trabajo conecta estas decisiones de interfaz con la app de Flutter y sus registros en Supabase.
