Tennis Pro · design di riferimento

Mockup delle schermate chiave prima dell'implementazione. Palette terra battuta + verde campo, base 18px, tocco minimo 56px, righe lista 64px, edge-to-edge con inset reali. Il motivo a doppia riga sotto i titoli richiama le righe del campo: è la firma visiva dell'app.

Token

terra battuta · azione primaria verde campo · identità e selezioni success warning danger fondo light fondo dark

Oggi — la schermata che il maestro apre dieci volte al giorno

Promemoria in cima ordinati per gravità, card lezione con le due sole azioni che servono. La versione dark è la stessa schermata: stessa gerarchia, contrasto pieno.

9:41▲ ▮ ▰
Mercoledì 19 agosto
3 lezioni oggi
+
⚠
Certificato di Marco Rossi SCADUTOtocca per aggiornarlo
📦
Anna Verdi ha finito il pacchettoultima lezione usata ieri
17:00 – 18:00Campo 2
MRLB Marco R., Luca B.
✓ Fatta
Annulla
18:00 – 19:00Campo 2
AV Anna V.
✓ Fatta
Annulla
15:00 – 16:00FATTA ✓
LB Luca B. · scalata dal pacchetto (9 rimaste)
🎾Oggi
📅Calendario
👥Allievi
⋯Altro

Oggi · light

Aprire e sapere tutto in dieci secondi: gravità in alto, azioni a un tocco.

21:12▲ ▮ ▰
Mercoledì 19 agosto
1 lezione da confermare
+
🗓
Certificato di Luca Bianchi scade tra 12 giornitocca per i documenti
18:00 – 19:00DA CONFERMARE
AV Anna V. · Campo 1
✓ Fatta
Annulla
17:00 – 18:00FATTA ✓
MRLB Marco R., Luca B.
🎾
Domani niente lezioni
Tocca + per aggiungerne una
🎾Oggi
📅Calendario
👥Allievi
⋯Altro

Oggi · dark

Verde-notte del campo in notturna, terra più accesa per compensare il contrasto.

9:41▲ ▮ ▰
Calendario
18 – 24 agosto
+
LUN
18
2
MER
19
3
GIO
20
1
VEN
21
4
SAB
22
2
DOM
23
–
◀ settimanaOggisettimana ▶
17:00 – 18:00Campo 2 · ogni mercoledì
MRLB Marco R., Luca B.
18:00 – 19:00Campo 1
AV Anna V. · recupero
🎾Oggi
📅Calendario
👥Allievi
⋯Altro

Calendario

Strip settimanale coi contatori, lista del giorno: niente griglie oraria illeggibili.

9:41▲ ▮ ▰
Allievi
12 attivi · 2 con problemi
+
🔍 Cerca allievo…
TuttiCon problemi (2)
MR
Marco Rossi
● certificato scaduto
›
AV
Anna Verdi
● pacchetto esaurito
›
LB
Luca Bianchi
mer 17:00 · 9 lezioni rimaste
›
GC
Giulia Colombo
ven 16:00
›
PF
Paolo Ferrari
sab 10:00
›
🎾Oggi
📅Calendario
👥Allievi
⋯Altro

Allievi

Chi ha problemi sale in cima con il semaforo già nella riga. Righe da 64px.

Scheda allievo — il cuore dell'app

Header con chiamata diretta, quattro tab grandi. Pacchetti con barra e stato pagamento; documenti col semaforo delle scadenze e le tre vie di inserimento.

9:41▲ ▮ ▰
Marco Rossi
📞 Chiama
💬 WhatsApp
DatiPacchettiDocumentiStorico
7 su 10 lezioniPAGATO ✓
Pacchetto da 10 · 200 € · attivo dal 2 agosto
2 lezioni da regolare
fatte senza pacchetto attivo
Crea pacchetto e agganciale
Pacchetto precedente
10/10 usate · chiuso a giugno
›
+ Nuovo pacchetto

Scheda · Pacchetti

Il conto a colpo d'occhio: quante restano, se ha pagato, cosa va regolato.

9:41▲ ▮ ▰
Marco Rossi
Documenti
DatiPacchettiDocumentiStorico
Certificato medico
SCADUTO il 01/07/2026
Aggiorna certificato
📷 Scatta una foto
📄 Scegli un file
🗓 Inserisci solo la scadenza
Modulo iscrizione 2026
PDF · caricato il 12/03
›

Scheda · Documenti

Semaforo sempre visibile; il caso "ho solo la data, niente PDF" è una scelta di prima classe.

9:41▲ ▮ ▰
AnnullaPerché annulli?
Lezione delle 17:00 · Marco R., Luca B.
🌧 Pioggia / Maltempo
🙅 Indisponibilità maestro
🙋 Indisponibilità allievo
🤕 Infortunio
🚧 Campo non disponibile
＋ Nuovo motivo…
Annulla la lezione

Flusso · Annulla

Motivi a bottoni pieni, mai menu a tendina. Il nuovo motivo si crea senza uscire.

9:41▲ ▮ ▰
AnnullaNuova ricorrenza
Quando si allena?
LMMGVSD
17:00
Durata
30 min1 ora1½ oreAltro
◀ Indietro
Avanti ▶

Wizard · ricorrenza

Un concetto per schermata: giorno, ora, durata. Il riepilogo in linguaggio naturale arriva al passo 3.

9:41▲ ▮ ▰
Altro
👤 Il mio profilo ›
🎨 Aspetto ChiaroScuroAuto
🔔 Notifiche ›
🏷 Motivi di annullamento ›
🛟 Assistenza ›
🔒 Privacy ›
🚪 Esci ›
🗑 Elimina account ›
🎾Oggi
📅Calendario
👥Allievi
⋯Altro

Altro

Aspetto con i tre stati, elimina account in fondo e in rosso: chiaro, mai nascosto.

Questi mockup sono il riferimento vincolante per i task M2–M15 del piano mobile. Ogni scostamento in implementazione va motivato. Interazioni previste ma non mostrabili qui: checkmark animato con aptica al "✓ Fatta", barra pacchetto animata, shimmer sugli skeleton, transizioni native tra schermate.