Datafit

App de entrenamiento para entrenadores personales y alumnos, panel web de gestión y sitio de presentación, sobre una base de datos única y con cobro de planes por suscripción.

Verlo en vivo: godata.fit
Área
App, panel web y sitio
Sector
Fitness y entrenamiento personal
Qué hicimos
Diseño de producto (UX/UI) · App iOS y Android · Panel web · Cobro de planes · Sitio de presentación
Dónde funciona
iOSAndroidWeb
Tecnologías
FlutterSwiftNext.jsReactTypeScriptTailwind CSSSupabaseAstro
Cuándo
septiembre de 2026

01 Qué estaba pasando

El día a día de un entrenador personal estaba disperso. El entrenamiento quedaba en una planilla o en un PDF, la conversación con el alumno en WhatsApp, las fotos de evolución en la nube y el cobro en la cabeza. Para el alumno, el entrenamiento de la semana era un mensaje que había que buscar.

Datafit nació para ser la capa única de esa operación. Diseñamos el producto en tres frentes, app, panel web y sitio, sobre una base de datos central, con tres roles separados por permiso: el entrenador que arma y acompaña, el alumno que entrena y ve su propia evolución, y el administrador de la plataforma.

02 Qué había que cambiar

El entrenamiento, la evolución y el cobro de cada alumno vivían en lugares distintos, sin que ningún dato cruzara de uno a otro.

La ejecución del entrenamiento tenía que funcionar en medio de la serie, con descanso cronometrado y el video del ejercicio a un toque, sin que el alumno abriera una planilla.

El entrenador necesitaba una lectura de gestión lista de quién entrenó, quién evolucionó y quién debe, sin armar un informe a mano.

App, panel y cobro no podían tener dos versiones de la misma regla de negocio. La regla tenía que vivir en un solo lugar, con acceso controlado por rol.

03 Qué entregamos

App para iOS y Android desde una única base de código, panel web del entrenador, del alumno y del administrador, ejecución de entrenamiento con cronómetro de descanso, métricas, metas y fotos de evolución, finanzas del entrenador, área social, cobro de planes por suscripción con vencimiento automático, sitio de presentación del producto.

04 Cómo se hizo

Diseño de la app

Diseñamos un sistema de diseño propio, con un kit de componentes reutilizado en todas las pantallas, entre ellos hojas inferiores, fichas de perfil, tarjetas de atajo y la pila de cartas que se arrastra. La navegación sigue el rol de quien ingresó, así que alumno y entrenador ven productos distintos dentro de la misma app.

El menú de ajustes empuja toda la pantalla en lugar de superponerse y, en el iPhone, el entrenamiento en curso aparece en la pantalla de bloqueo y en la Dynamic Island, con el cronómetro corriendo.

Ejecución del entrenamiento

El alumno ejecuta el entrenamiento ejercicio por ejercicio, hecho, en curso u omitido, con el descanso entre series cronometrado y el video de cada ejercicio a un toque.

Evolución y metas

Peso, medidas y fotos mensuales alimentan gráficos por período, con el antes y el después lado a lado. Las metas y los logros cierran el ciclo y le dan al alumno un motivo para volver.

Finanzas del entrenador

El entrenador ve lo que recibió en el mes y las mensualidades separadas en pagadas, atrasadas y por vencer, sin planilla y sin cobrar de memoria.

Comunidad

Un área social en la que alumnos y entrenadores comparten entrenamientos y resultados, para mantener viva la rutina fuera de la hora de entrenar.

Datos y reglas

App y panel leen y escriben en la misma base, y la regla de negocio vive en ella, en funciones que los dos llaman. Hay una sola regla, y no una copia en cada lado que diverge en el primer ajuste. El acceso de cada rol se controla en la propia base, no en la interfaz.

Panel web y cobro

El mismo producto en el navegador. El entrenador gestiona alumnos, ejercicios, planes de entrenamiento y mensualidades, y el administrador sigue a los entrenadores y las suscripciones. El cobro de los planes entra por integración con el medio de pago, por webhook, y el vencimiento corre solo todos los días, sin que nadie tenga que acordarse.

Sitio de presentación

La página del producto, con los celulares en primer plano, el antes y el después de la rutina del entrenador y el camino hacia las tiendas de aplicaciones.

05

Colores y tipografía

#1B98E0Azul
#F97316Naranja
#EFB71BAmarillo
#009663Verde
#181818Grafito

Inter

Todos los textos y números de la app, el panel y el sitio, por la lectura limpia en pantallas pequeñas

06

La app

07

El sitio, por dentro

08 Las piezas

09 Qué cambió después

El entrenador pasó a tener alumno, entrenamiento y cobros en un solo lugar, y el alumno pasó a tener el entrenamiento en el bolsillo, con el historial de su propia evolución.

El producto funciona como app, panel y sitio sobre una base de datos única, y sigue evolucionando.

Servicios en este proyecto

Otros trabajos

Ver todos los proyectos

Respuesta en hasta 1 día hábil

¿Algo está trabando
el siguiente paso?

Cuéntanos en dos líneas. Te devolvemos un camino, no un presupuesto genérico.