Massage Mate
La app complementaria de una pistola de masaje: toca donde te duele sobre un cuerpo en 3D y sigue una sesión hecha para ello, con la pistola, a mano o con un acompañante.
- Rol
- Único desarrollador y diseñador UI/UX: el inicio con el selector del cuerpo, las sesiones centradas en la pistola y la vista de acompañante, el progreso, el modo oscuro, RevenueCat
- Cliente
- Physiozep srl
- Periodo
- 2025–2026 (en las tiendas desde febrero de 2026)
- Plataformas
- iOS y Android desde una única base de código Flutter, compartida con TEPY
El producto
Massage Mate es la app que acompaña a una pistola de masaje. Su pantalla de inicio es un cuerpo en 3D: el usuario toca donde le duele, amplía, marca el punto que duele y recibe una sesión hecha para él (un minuto en cada zona, con un video que muestra dónde colocar la pistola y cómo moverla).
Está construida sobre TEPY, la app de automasaje que desarrollo. En siete meses convertí el código de TEPY en un segundo producto (un nuevo inicio en torno al selector del cuerpo, sesiones centradas en la pistola con una vista de acompañante, una página de progreso, modo oscuro y suscripciones con RevenueCat) y lo publiqué en febrero de 2026.
- 38
- commits en la rama de Massage Mate, todos míos, de julio de 2025 a febrero de 2026
- 7 meses
- desde el primer commit hasta App Store
- 3
- formas de hacer cada paso: con la pistola, a mano o con un acompañante
- 2
- apps desde una única base de código: Massage Mate está construida sobre TEPY
Recorrido
La app en acción
Elige una grabación o salta directamente a un capítulo.
Grabado a partir del código publicado en tamaño de teléfono, con los propios videos de tratamiento de la app (la pistola, la mano y un acompañante sujetando la pistola) con sus nombres originales, para que la vista de acompañante y el cambio de herramienta funcionen como en un teléfono.
Qué hace
De «me duele aquí» a una sesión con la pistola
01
Un cuerpo en 3D como pantalla de inicio
Sin onboarding: la app se abre en el cuerpo. Un toque amplía una parte, otro marca el punto exacto; la app registra el punto de dolor y pide al backend un programa en torno a él.
02
Una sesión para cada punto de dolor
El inicio muestra los puntos de dolor con su nivel y la sesión que los espera: un paso por zona (la que duele y las que se trabajan con ella), un minuto cada uno, con temporizador.
03
Con un acompañante, o a mano
Para la pistola de masaje, el reproductor cambia a una vista de acompañante: el mismo paso, hecho por otra persona. El botón de herramientas cambia a cualquier otra herramienta que tenga el usuario (aquí, la mano) y deslizar hacia arriba pasa a la siguiente zona, manteniendo la herramienta.
04
Un progreso que se ve
Una puntuación de bienestar, un mapa de calor de los días con sesiones a lo largo de tres meses, los pasos realizados por zona y el nivel de dolor de cada zona a lo largo del tiempo.
05
Suscripciones con RevenueCat
Tras un periodo gratuito, las sesiones requieren un plan: anual o mensual, comprado en App Store o Google Play a través de RevenueCat. La app se desbloquea en cuanto la tienda confirma la compra.
Por dentro
Cómo se construyó
Un segundo producto a partir del código de TEPY
Massage Mate es una rama de TEPY. Los widgets, estilos, iconos y utilidades compartidos pasaron a paquetes locales que usan las dos apps; se eliminó el onboarding para que la app se abra en el selector del cuerpo; los textos y las traducciones perdieron la marca TEPY; las animaciones de Rive pasaron al nuevo runtime.
Videos que siguen a la herramienta
Cada paso lleva un video por herramienta. El reproductor abre el de la pistola de masaje, cambia a la grabación con acompañante cuando se le pide y mantiene la herramienta elegida de una zona a la siguiente. Los pasos terminados alimentan un registro de actividad diario y estadísticas por zona en Firestore, que lee la página de progreso.
RevenueCat para las suscripciones
TEPY verifica sus suscripciones a través de su propio backend; Massage Mate pasó a RevenueCat: offerings para el paywall, un único entitlement que desbloquea la app, actualizaciones en vivo cuando cambia y una restauración única que trasladó a los suscriptores existentes.
Grabar una app en producción
La app es real. El usuario, no.
Massage Mate tiene usuarios reales, historiales de dolor reales y suscripciones reales. Nada de eso tiene cabida en un portfolio, así que las grabaciones usan una copia del código publicado que funciona por sí sola, sobre los sustitutos construidos para la demo de TEPY.
- 1
El código publicado, compilado para el navegador
Una compilación de Flutter web en tamaño de teléfono, configurada para creer que se ejecuta en un iPhone, con las correcciones de cumplimiento que esperan a la próxima versión. Las notificaciones push, la analítica y los informes de fallos están desactivados.
- 2
Los sustitutos de TEPY, y uno nuevo
El inicio de sesión y la base de datos funcionan sobre las implementaciones falsas en memoria de las pruebas, y el backend se responde dentro de la página, como en la demo de TEPY. RevenueCat es nuevo: la demo lo simula con dos planes de ejemplo y una compra que no cobra nada.
- 3
Los videos de la propia app
Para cada una de las ocho zonas que usa la demo, un script descarga los videos de la pistola, de la mano y de un acompañante sujetando la pistola de la CDN desde la que la app los reproduce en streaming, elegidos en el propio catálogo de la app para que el punto del cuerpo coincida con la zona. Conservan sus nombres, así que la vista de acompañante y el cambio de herramienta funcionan sin cambios.
- 4
Grabado sin conexión
La herramienta de grabación rechaza cualquier petición que salga de la máquina, así que una toma no puede llegar al servicio real.
El logotipo, la interfaz, sus iconos, el modelo 3D del cuerpo, las imágenes y los videos son los de la propia app. Los textos de las zonas, el usuario, el historial de dolor y los planes son contenido de ejemplo creado para este portfolio; las reseñas y la valoración en la tienda que muestra el paywall están ocultas.
Aquí no hay demo que probar: Massage Mate está en producción, así que esta página muestra grabaciones de una copia que funciona por sí sola.
Todas las pantallas
La colección completa de capturas
El cuerpoToca una parte del cuerpo para ampliarla. AmpliadoEl muslo, listo para marcar el punto exacto. El punto que dueleUn toque lo marca. Resumen de bienestarEl punto de dolor y una sesión que lo espera. La sesiónLas zonas del programa, un minuto cada una. Con la pistolaDónde y cómo usar la pistola de masaje. Con un acompañanteEl mismo paso, hecho por otra persona. HerramientasCambia a otra herramienta que tengas. A manoLa misma zona sin la pistola. Siguiente zonaDesliza hacia arriba para el siguiente paso. Puntuación de bienestarA partir de los puntos de dolor y de la regularidad con que se sigue el programa. ActividadSesiones de los últimos 90 días. Zonas tratadasPasos del programa completados por zona. El dolor a lo largo del tiempoEl nivel de dolor de cada zona, bajando. PerfilDolores, plan y suscripción, tutoriales, apariencia. PlanesAnual con una semana gratis, o mensual (precios de ejemplo). SuscritoTodo desbloqueado. Inicio de sesiónApple, Google, un código de empresa o correo electrónico.
Siguiente caso de estudio
Photo2Post →