BetterTogether

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.

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.

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.

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.

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.