23TopTraining | App de entrenamiento personal con Ionic y Firebase

Pantalla principal de la app móvil 23TopTraining con acceso directo a planes de entrenamiento.

Resumen del proyecto

23TopTraining nace de un encargo concreto: llevar el método de entrenamiento de Juancar, entrenador personal en Madrid con años de experiencia acompañando a deportistas y personas con objetivos exigentes, a una aplicación móvil propia que pudiera atender a muchas más personas sin perder el criterio del entrenador.

Digitup diseñó y desarrolló la app completa —experiencia, interfaz, backend y backoffice— en un proyecto que arrancó con un moodboard conjunto, pasó por varias iteraciones y sesiones presenciales, y terminó con una aplicación híbrida publicada para iOS y Android con una línea gráfica sobria, moderna y coherente con la marca.

Ver proyecto

Qué construimos

Una app para el usuario, un backoffice para el entrenador y la infraestructura que une las dos.

App iOS y Android

Aplicación híbrida con Ionic publicada en ambas tiendas desde una sola base de código.

Planes semanales

Entrenamientos organizados por semana y por objetivo, con progresión y días de descanso.

Sesiones guiadas

Ejercicios con series, repeticiones y pautas para seguir la sesión desde el móvil.

Backoffice del entrenador

Panel para crear planes, asignar sesiones y gestionar usuarios sin pasar por desarrollo.

Notificaciones push

Avisos de nueva sesión y recordatorios para sostener la constancia semana a semana.

Identidad y UX/UI

Línea gráfica propia, sobria y elegante, construida desde un moodboard con el cliente.

Pantalla de log in y registro de la aplicación móvil 23TopTraining

Contexto y necesidad

Un entrenador personal tiene un techo evidente: las horas de su agenda. El trabajo presencial funciona muy bien, pero solo escala contratando más entrenadores o reduciendo la calidad del seguimiento. La alternativa era empaquetar el método en un producto digital que mantuviera el mismo nivel de personalización.

El punto de partida no era una idea abstracta, sino un método ya probado con clientes reales: sesiones adaptadas al objetivo, progresión semanal, variedad de estímulos y un acompañamiento constante. El reto estaba en traducir ese conocimiento —que hasta entonces vivía en la cabeza del entrenador y en sus hojas de trabajo— a una estructura de datos, pantallas y automatismos.

Qué problema había que resolver

La mayoría de apps de fitness genéricas fallan en lo mismo: ofrecen catálogos enormes de ejercicios sin criterio, y el usuario acaba entrenando sin saber por qué hace lo que hace. Aquí el producto tenía que sentirse como si el entrenador hubiera preparado la semana personalmente, porque en la práctica así era.

Eso obligaba a resolver tres cosas a la vez: una experiencia de usuario que guiara la sesión sin fricción —el móvil se usa entre serie y serie, con prisa y a veces sin conexión estable—, un backoffice donde el entrenador pudiera crear y ajustar planes sin depender de nosotros, y un canal de comunicación para mantener la constancia, que es donde se pierde a la mayoría de usuarios.

La solución desarrollada por Digitup

Empezamos por el diseño. Un moodboard recogió las referencias del entrenador y del equipo hasta fijar una línea gráfica propia: fondo oscuro, acentos dorados, tipografía condensada y mucha respiración. A partir de ahí, varias iteraciones de UX y sesiones de trabajo presenciales para validar cada flujo con quien mejor conoce el método.

La app se construyó como aplicación híbrida con Ionic, lo que permitió publicar en iOS y Android desde una única base de código, con Firebase como backend para autenticación, datos y notificaciones push. Sobre eso se montó un backoffice desde el que el entrenador crea los planes, organiza las sesiones y gestiona a sus usuarios sin tocar código.

El resultado es un producto que el negocio puede operar solo: el entrenador publica el plan de la semana, el usuario lo recibe en el móvil, entrena, marca sus sesiones y recibe avisos que le ayudan a no abandonar. El método sigue siendo el mismo; lo que cambia es cuánta gente puede seguirlo a la vez.

El producto en pantalla

La web del método y la app que lo lleva al móvil de cada usuario.

Pantallas de onboarding de la aplicación móvil 23TopTraining

Pantalla de ejercicios de la aplicación móvil 23TopTraining

Pantallas para Apple store y Google Play 23TopTraining

Funcionalidades principales

Registro y acceso de usuarios
Plan de entrenamiento semanal personalizado
Sesiones con ejercicios, series y repeticiones
Marcado de sesiones completadas
Seguimiento de progreso del usuario
Notificaciones push de sesión y recordatorio
Gestión de usuarios desde el backoffice
Creación y edición de planes por el entrenador
Contenido multimedia de apoyo a los ejercicios
Publicación en App Store y Google Play

Cómo se trabajó

Moodboard conjunto con el cliente
Definición del método en estructura de producto
Wireframes y flujos de usuario
Iteraciones de diseño UI
Sesiones de trabajo presenciales
Desarrollo híbrido con Ionic
Backend y datos en Firebase
Publicación en tiendas y soporte posterior

Arquitectura y tecnología

La app se desarrolló con Ionic y Angular sobre una única base de código para iOS y Android, una decisión que reduce a la mitad el coste de mantenimiento y permite lanzar cambios en ambas plataformas a la vez. Firebase se encarga de autenticación, base de datos, almacenamiento de contenidos y envío de notificaciones push.

El backoffice es la pieza que hace sostenible el producto: sin él, cada plan nuevo sería una tarea de desarrollo. Con él, el negocio opera de forma autónoma y el equipo técnico solo interviene cuando hay que añadir capacidades nuevas.

Ionic Angular Firebase Cloud Firestore Firebase Auth Push notifications iOS Android Backoffice UX/UI

Impacto del proyecto

23TopTraining convirtió un servicio presencial limitado por la agenda en un producto digital con capacidad de crecer: el mismo método, disponible para cualquier usuario con un móvil, y una marca con presencia propia en las tiendas de aplicaciones.

Para Digitup, el proyecto es un ejemplo claro de cómo trabajamos con negocios que ya funcionan: no partimos de una idea abstracta, sino de un método validado, y lo convertimos en software que el propio cliente puede operar, medir y hacer crecer.

Preguntas frecuentes

¿Qué hizo Digitup en el proyecto 23TopTraining?

Digitup Studio diseñó y desarrolló el producto completo: identidad visual y UX/UI de la app, desarrollo híbrido para iOS y Android con Ionic, backend en Firebase, backoffice para el entrenador, notificaciones push y publicación en las tiendas.

¿Con qué tecnología está construida la app?

Con Ionic y Angular sobre una única base de código para iOS y Android, y Firebase como backend para autenticación, base de datos, contenidos y notificaciones push.

¿Cuánto se tarda en desarrollar una app de entrenamiento así?

Una primera versión publicable de una app de entrenamiento con planes, sesiones, backoffice y notificaciones suele llevar entre dos y cuatro meses, según el alcance del método y el número de perfiles de usuario.

¿Puede el entrenador crear los planes sin ayuda técnica?

Sí. El backoffice permite crear planes, organizar sesiones y gestionar usuarios sin intervención del equipo de desarrollo, que es justo lo que hace sostenible el producto a largo plazo.

¿Digitup desarrolla apps móviles para otros sectores?

Sí. Digitup Studio es un estudio técnico de Madrid que desarrolla apps móviles, plataformas SaaS, backoffices e integraciones a medida para movilidad, finanzas, educación, deporte, turismo y servicios profesionales.