Massage Mate
L’app che accompagna una pistola massaggiante: tocchi dove fa male su un corpo 3D e segui una sessione fatta apposta, con la pistola, a mano o con un partner.
- Ruolo
- Unico sviluppatore e UI/UX designer: la home con il selettore del corpo, le sessioni incentrate sulla pistola e la vista per il partner, i progressi, la modalità scura, RevenueCat
- Cliente
- Physiozep srl
- Periodo
- 2025–2026 (sugli store da febbraio 2026)
- Piattaforme
- iOS e Android da un’unica codebase Flutter, condivisa con TEPY
Il prodotto
Massage Mate è l’app che accompagna una pistola massaggiante. La sua home è un corpo 3D: l’utente tocca dove fa male, ingrandisce, segna il punto dolente e riceve una sessione fatta apposta (un minuto su ogni zona, con un video che mostra dove tenere la pistola e come muoverla).
È costruita su TEPY, l’app di automassaggio che sviluppo. In sette mesi ho trasformato il codice di TEPY in un secondo prodotto (una nuova home attorno al selettore del corpo, sessioni incentrate sulla pistola con una vista per il partner, una pagina dei progressi, la modalità scura e gli abbonamenti tramite RevenueCat) e l’ho pubblicato a febbraio 2026.
- 38
- commit sul branch di Massage Mate, tutti miei, da luglio 2025 a febbraio 2026
- 7 mesi
- dal primo commit all’App Store
- 3
- modi di eseguire ogni passaggio: con la pistola, a mano o con un partner
- 2
- app da un’unica codebase: Massage Mate è costruita su TEPY
Tour guidato
L’app in azione
Scegli una registrazione, o salta direttamente a un capitolo.
Registrate dal codice pubblicato in formato smartphone, con i video di trattamento dell’app (la pistola, la mano e un partner che tiene la pistola) con i loro nomi originali, così la vista per il partner e il cambio di strumento funzionano come su un telefono.
Cosa fa
Da “mi fa male qui” a una sessione con la pistola
01
Un corpo 3D come home
Niente onboarding: l’app si apre sul corpo. Un tocco ingrandisce una parte, un altro segna il punto esatto; l’app registra il punto doloroso e chiede al backend un programma costruito attorno a quel punto.
02
Una sessione per ogni punto doloroso
La home elenca i punti dolorosi con il loro livello e la sessione che li aspetta: un passaggio per zona (la zona dolente e quelle trattate insieme a essa), un minuto ciascuno, con un timer.
03
Con un partner, o a mano
Per la pistola massaggiante il player passa a una vista per il partner: lo stesso passaggio, fatto da un’altra persona. Il pulsante degli strumenti passa a qualsiasi altro strumento che l’utente possiede (qui, la mano) e uno swipe verso l’alto porta alla zona successiva, mantenendo lo strumento.
04
Progressi a colpo d’occhio
Un punteggio di benessere, una heatmap dei giorni con sessioni negli ultimi tre mesi, i passaggi completati per zona e il livello di dolore di ogni zona nel tempo.
05
Abbonamenti tramite RevenueCat
Dopo un periodo gratuito le sessioni richiedono un piano: annuale o mensile, acquistato sull’App Store o su Google Play tramite RevenueCat. L’app si sblocca non appena lo store conferma.
Sotto il cofano
Come è stato realizzato
Un secondo prodotto dal codice di TEPY
Massage Mate è un branch di TEPY. Widget, stili, icone e utility condivisi sono passati in pacchetti locali usati da entrambe le app; l’onboarding è stato rimosso perché l’app si apra sul selettore del corpo; testi e traduzioni hanno perso il marchio TEPY; le animazioni Rive sono passate al nuovo runtime.
Video che seguono lo strumento
Ogni passaggio ha un video per ciascuno strumento. Il player apre quello della pistola massaggiante, passa alla ripresa con il partner quando serve e mantiene lo strumento scelto da una zona all’altra. I passaggi completati alimentano un registro giornaliero delle attività e statistiche per zona su Firestore, che la pagina dei progressi legge.
RevenueCat per gli abbonamenti
TEPY verifica gli abbonamenti tramite il proprio backend; Massage Mate è passata a RevenueCat: offering per il paywall, un unico entitlement che sblocca l’app, aggiornamenti in tempo reale quando il suo stato cambia e un ripristino una tantum che ha portato con sé gli abbonati esistenti.
Registrare un’app in produzione
L’app è vera. L’utente no.
Massage Mate ha utenti veri, storici del dolore veri e abbonamenti veri. Niente di tutto questo può finire in un portfolio, quindi le registrazioni usano una copia del codice pubblicato che funziona in autonomia, sui sostituti costruiti per la demo di TEPY.
- 1
Il codice pubblicato, compilato per il browser
Una build web di Flutter in formato smartphone, a cui si fa credere di girare su un iPhone, con le correzioni di conformità in attesa del prossimo rilascio. Notifiche push, analytics e crash reporting sono disattivati.
- 2
I sostituti di TEPY, più uno nuovo
Accesso e database girano sulle implementazioni fittizie in memoria dei test e il backend risponde dall’interno della pagina, come nella demo di TEPY. La novità è RevenueCat: la demo lo simula con due piani di esempio e un acquisto che non addebita nulla.
- 3
I video dell’app
Per ognuna delle otto zone usate dalla demo, uno script scarica i video della pistola, della mano e di un partner che tiene la pistola dalla CDN da cui l’app li riceve in streaming, scegliendoli nel catalogo dell’app in modo che il punto sul corpo corrisponda alla zona. Mantengono i loro nomi, così la vista per il partner e il cambio di strumento funzionano senza modifiche.
- 4
Registrata offline
Lo script di registrazione blocca qualsiasi richiesta diretta fuori dalla macchina, così una ripresa non può raggiungere il servizio reale.
Il logo, l’interfaccia, le sue icone, il modello 3D del corpo, le immagini e i video sono quelli dell’app. I testi delle zone, l’utente, lo storico del dolore e i piani sono contenuti di esempio creati per questo portfolio; nel paywall, le recensioni e la valutazione sullo store sono nascoste.
Qui non c’è una demo da provare: Massage Mate è un prodotto attivo, quindi questa pagina mostra le registrazioni di una copia autonoma.
Ogni schermata
La raccolta completa degli screenshot
Il corpoUn tocco su una parte del corpo per ingrandirla. Vista ingranditaLa coscia, pronta per il punto esatto. Il punto che fa maleBasta un tocco per segnarlo. Panoramica benessereIl punto doloroso e una sessione che lo aspetta. La sessioneLe zone del programma, un minuto ciascuna. Con la pistolaDove e come usare la pistola massaggiante. Con un partnerLo stesso passaggio, fatto da un’altra persona. StrumentiSi passa a un altro strumento che si possiede. A manoLa stessa zona, senza la pistola. Zona successivaSi scorre verso l’alto per il passaggio successivo. Punteggio di benessereCalcolato dai punti dolorosi e dalla regolarità con cui si segue il programma. AttivitàLe sessioni degli ultimi 90 giorni. Zone trattatePassaggi del programma completati per zona. Il dolore nel tempoIl livello di dolore di ogni zona, in calo. ProfiloDolori, piano e abbonamento, tutorial, aspetto. PianiAnnuale con una settimana gratuita, oppure mensile (prezzi di esempio). Abbonamento attivoTutto sbloccato. AccessoApple, Google, un codice aziendale o l’e-mail.
Prossimo caso di studio
Photo2Post →