Cos'è GO!
App concept wellness con economia a gettoni: cinque tipologie distinte con iconografia scacchi, saldo per struttura, regalo tra ospiti e area admin per lo staff front office.
Case study · UX/UI · App wellness
Gettoni spa, in tasca
Concept app mobile GO! per Rimini Wellness 2023: wallet con cinque tipologie di gettone a scacchi, regalo tra ospiti e strumenti staff per attribuzione dopo acquisto.
00
Overview
GO! collega ospiti e strutture spa tramite un wallet di gettoni spendibili sui servizi scelti dal centro. Progetto UI hi-fi da wireframe per demo fiera Rimini Wellness 2023.
Cosa volevano
Interfaccia chiara per un modello non banale, regalo veloce tra ospiti e strumento rapido per attribuire token dopo acquisto o trattamento in spa.
Chi volevano raggiungere
Francesca, ospite wellness: consulta saldo, regala gettoni e sceglie servizi. Marco, responsabile spa: attribuisce token e registra pagamenti senza errori.
Cosa volevano ottimizzare
Leggibilità del saldo multi-token, separazione netta flusso ospite vs admin, identità wellness verde-crema e riconoscibilità immediata dei cinque gettoni scacchi.
01
Low-Fid Linear Wireflow
Due percorsi sull'app GO!: ospite in spa e staff che gestisce clienti e pagamenti sullo stesso wallet.
App utente: ingresso spa, saldo gettoni, regalo, attività e rete amici
Ospite
Saldo
Regala
Attività
App admin: staff spa, scheda cliente, attribuzione token, pagamento utente
Staff
Cliente
Attribuzione
Pagamento
02
User Interview
Due personas derivate dai flussi prodotto: ospite e responsabile spa, con bisogni tradotti in insight di design.
Persona derivata dal prodotto · User interview · Ospite wellness
Francesca
Cliente tipo in spa: vuole capire subito quanti gettoni ha e su cosa può spenderli, senza leggere testi lunghi.
Insight
-
01 Saldo a colpo d'occhio
«Entro in spa e voglio vedere subito i cinque gettoni, ognuno con la sua icona scacchi. Niente numeri astratti sparsi in giro.»
Cosa abbiamo integrato: righe saldo per struttura con icone pedone, cavallo, torre, regina e re, CTA Regala e Converti sempre visibili.
-
02 Regalo in un tap
«Se regalo gettoni a un'amica, voglio scegliere tipo e quantità senza uscire dal saldo. Conferma chiara prima dell'invio.»
Cosa abbiamo integrato: flusso regalo con destinatario, selettore tipo scacchi e step quantità con riepilogo un tap.
-
03 Navigazione per struttura
«Frequento più spa: quando cambio struttura il saldo deve aggiornarsi subito, senza perdere il filo delle attività.»
Cosa abbiamo integrato: selettore spa in header e lista attività con movimenti e amici in struttura.
Persona derivata dal prodotto · User interview · Responsabile spa
Marco
Staff front office: deve attribuire gettoni dopo trattamento o acquisto, velocemente e senza errori di tipo o quantità.
Insight
-
01 Scheda cliente con bilancio
«Prima di inviare gettoni voglio vedere il bilancio attuale del cliente. Niente sorpresa dopo l'attribuzione.»
Cosa abbiamo integrato: scheda cliente con cinque righe token e totale in evidenza prima dello stepper quantità.
-
02 Stepper quantità + anteprima
«Incremento per tipo con +/− e anteprima dell'incremento. Se sbaglio quantità, devo correggere in un gesto.»
Cosa abbiamo integrato: stepper per tipologia con anteprima incrementi e messaggio di conferma prima dell'invio allo staff.
-
03 Footer Utente / Admin
«In fiera passo spesso da demo utente ad admin. Il footer deve orientarmi subito, senza cercare un menu nascosto.»
Cosa abbiamo integrato: footer fisso con toggle Utente/Admin e modalità Staff evidenziata quando sono in attribuzione.
03
Project Roadmap
-
01
UX Research
Brief Rimini Wellness e analisi logiche token per servizio.
-
02
Initial User Flows
Personas ospite e staff derivate dai flussi prodotto.
-
03
Wireframing
Wireflow su mockup esistenti: percorsi Utente e Admin.
-
04
High-Fidelity UI Design
UI hi-fi Figma con palette wellness e set scacchi.
-
05
Figma UI Kit
Presentazione demo fiera e validazione comprensione modello gettoni.
-
06
UI Deliverable
Non in scope: deliverable UI per demo, senza sviluppo app.
-
07
User Testing
Validazione comprensione modello gettoni in presentazione fiera.
04
Site map
Percorsi CTA nell'app GO!: tre modi per l'ospite e un flusso admin lineare. Ogni freccia è un tap reale su saldo, regalo, attribuzione o pagamento.
App utente
Hub saldo · tre modi per regalare, consultare o socializzare
Percorso A · Saldo gettoni
-
Saldo gettoni
GO! · wallet
-
Sfoglia · spa
-
Spa selezionata
/struttura
-
Regala gettoni
-
Regala gettoni
/regala
Percorso B · Regala gettoni
-
Saldo gettoni
GO! · wallet
-
Scegli tipo
-
Regala gettoni
/regala
+ quantità → Invia → movimento in Attività
Percorso C · Attività
-
Saldo gettoni
GO! · wallet
-
Tab · Attività
-
Lista attività
/attivita
Collegamenti trasversali
- Footer Utente → Saldo da ogni schermata ospite
- Saldo → Regala · tap CTA Regala
- Regala → Attività · movimento in lista
App admin
Ingresso staff · stesso wallet della vista ospite
Flusso attribuzione
-
Lista utenti spa
/utenti
-
Cerca · cliente
-
Attribuzione token
/attribuzione
-
Lista utentioppureConferma attribuzione
-
Pagamento utente
registrato · incasso
Collegamenti trasversali
- Lista utenti → Attribuzione · tap riga
- Footer Admin → Attribuzione · scorciatoia staff
- Attribuzione / Pagamento → Staff · Esci demo
05
Product & design
Identità visiva GO! per demo Rimini Wellness 2023: palette verde-crema, tipografia Outfit e gettoni scacchi multicolore.
Wordmark GO! Marchio wellness verde su crema: stesso asset in header, hero e sezione design.
- Pedone
- Cavallo
- Torre
- Regina
- Re
Palette
-
Verde GO Header, footer, CTA primarie e wordmark.
-
Crema Area contenuto schermate e card saldo.
-
Pedone · servizio più usato Gettone grigio per il servizio più richiesto.
-
Cavallo · servizio meno usato Gettone blu per incentivare servizi sottoutilizzati.
-
Torre · libera scelta Gettone viola spendibile su catalogo aperto.
Tipografia
-
Outfit Hero H1, titoli sezione, numeri roadmap e nomi persona.
-
System sans Label, footer Utente/Admin, paragrafi e tabella decisioni.
Decisioni UX / UI
| Decisione UX / UI | Perché | Scartato |
|---|---|---|
| 5 token a scacchi | Differenzia tipologie senza numeri astratti | Solo moneta unica |
| Footer Utente / Admin | Orientamento immediato in demo fiera | Tab bar generica |
| Card cliente in attribuzione | Staff vede bilancio prima dell'invio | Form senza contesto |
| Header verde fisso | Brand spa premium tra schermate | Header bianco neutro |
↳
Schermate prodotto
Screenshot UI da Figma 2023: ogni schermata illustra una scelta di prodotto nel wallet GO!, non decorazione generica.
Percorso Francesca · Saldo
Wallet multi-token
L'ospite consulta cinque gettoni a scacchi per struttura, con totali chiari e accesso rapido a Regala e Converti.
Saldo gettoni 5 tipologie
→ Scelte UX
Social · Regala
Flusso regalo
Destinatario, tipo gettone e quantità con conferma Invia: trasferimento tra ospiti senza uscire dal saldo.
Regala Invio gettoni
→ Scelte UX
Percorso Marco · Attribuzione
Pannello staff
Scheda cliente, stepper +/− per tipologia e anteprima incrementi prima della conferma staff.
Attribuzione Stepper token
→ User interview Marco
Percorso Francesca · Attività
Storico movimenti
Lista attività con regali ricevuti, conversioni e amici presenti in struttura, aggiornata dal saldo.
Attività Movimenti
→ User interview Francesca
Percorso Marco · Pagamento
Registro pagamento
Dopo l'attribuzione, Marco registra acquisto e metodo di pagamento con riepilogo token distribuiti.
Pensato per il banco accoglienza: conferma veloce, niente schermate di sviluppo, solo UI demo credibile.
Pagamento Incasso
→ User interview Marco06
Outcome
Obiettivi di design plausibili per la demo Rimini Wellness 2023: comprensione del modello, velocità staff e coerenza UI kit.
<10s
Comprensione 5 token
Da wireframe testuali a lettura del modello in meno di 10 secondi grazie alle icone scacchi e al saldo per struttura.
3 tap
Tempo attribuzione staff
Flusso mirato in tre tap: cerca cliente, stepper tipo, conferma pagamento.
1 kit
Coerenza demo fiera
Da mockup sparsi a UI kit Figma unificato per presentazione sullo stand wellness.