A
Mappa flotta — marker pulsanti
Mappa stilizzata con 5 marker colorati che pulsano in cascata. Effetto "tracker live".
Adatto per
Live tracking, fleet management, dashboard mappa
🎨 Pagina interna di confronto
Mini animazioni — 6 proposte
Tutte 2-3 secondi, CSS/SVG puro, zero dipendenze, loop infinito. Pensate per comunicare le feature delle webapp e admin panel senza video pesanti.
B
Live counters dark
3 metriche su sfondo nero (device, posizioni/sec, latenza) con numeri che cambiano avanti/indietro. Badge LIVE verde lampeggiante.
Live
Device online
240
Posizioni / sec
980
Latenza p95
68ms
Adatto per
Backend, infrastruttura, monitoring
C
Chart auto-disegnato
Grafico a linea con area gradient che si disegna da sinistra a destra + dot finale che pop-in. Metric "+12.4%".
Tracker attivi · ultime 24h
+12.4%
Adatto per
Analytics, business metrics, dashboard amministratore
D
Lista device cascata
4 righe device (BMW, Iveco, Ducato, Mercedes) che appaiono una alla volta con fadein. Loop continuo.
BX
BMW X5
in viaggio · 247 km
ID
Iveco Daily
fermo · 12 km
FD
Fiat Ducato
in viaggio · 89 km
MV
Mercedes Vito
allarme · 456 km
Adatto per
Admin panel, lista clienti, gestione flotta
E
Submit feedback 3 stati
Bottone "Salva geofence" → spinner → checkmark verde "Salvato". Loop sui 3 stati.
Nome geofence
Casa
Adatto per
Form interaction, UX feedback, microinteraction
F
Route replay con marker
Percorso che si traccia da pin verde a pin rosso, marker indigo che segue il path. Replay loop.
Replay percorso
Adatto per
Storico viaggi, history replay, navigazione
📌 Come scegliere
Dimmi quale lettera ti piace di più (anche più di una) e per quale feature/sezione la vuoi. Posso anche mescolarle: es. mappa flotta + counter live in overlay.