Vai al contenuto

Guida

Fa parte di: Associazione e accesso

L’aspetto della tua associazione nell’app

Con logo, banner, sigla e un colore d’accento proprio, l’app ha l’aspetto della vostra associazione – sul telefono dei soci, sul tablet del chiosco, nella pagina d’ordine QR e sulla tessera nel Wallet. Tutto si imposta nella console di amministrazione in “Dati anagrafici” ed è subito visibile, senza aggiornare l’app.

4 minuti di lettura

Cosa serve

  • Il diritto di gestire l’organizzazione (titolare o amministratore).
  • La console di amministrazione in /admin, pagina “Dati anagrafici” – lì si trovano le sezioni “Logo” e “Aspetto nell’app”.
  • Per logo e banner, un’immagine JPG o PNG di massimo 2 MB ciascuna.

Configurare logo, sigla e colore d’accento

  1. Apri /admin e scegli “Dati anagrafici”.
  2. Carica il logo dell’associazione nella sezione “Logo”. Viene ruotato e ridimensionato automaticamente; la trasparenza resta.
  3. Nella sezione “Aspetto nell’app” il campo della sigla propone un suggerimento dal nome dell’associazione, ad esempio “TSVM” per “TSV Musterstadt 1890 e. V.”. Accettalo o inserisci una sigla tua di 2–6 caratteri.
  4. Scegli un colore d’accento con il selettore o come valore, ad esempio #1E5AA8. Vuoto significa: resta il nostro giallo.
  5. Spunta “Mostra il logo nell’app” e fai clic su “Salva aspetto”.

Dove compare cosa

  • Logo (solo con “Mostra il logo nell’app” spuntato): in alto nella pagina di prenotazione dell’app e della web app, al chiosco, nella pagina d’ordine QR e sulla tessera socio in Apple e Google Wallet.
  • Colore d’accento: al posto del nostro giallo su intestazioni, pulsanti e superfici di app e web app, al chiosco, nella pagina d’ordine QR e come colore della tessera Wallet.
  • Sigla: nel selettore delle liste (“TSVM · Sede”), nell’oggetto dell’estratto conto mensile e nelle e-mail di conteggio.
  • Banner: in alto nella pagina iniziale di app e web app e al chiosco finché nessuno ha effettuato l’accesso.
  • Scontrini, PDF e display TV mantengono i propri interruttori del logo nella sezione “Logo”.

Colore d’accento e contrasto

Il colore del testo sul colore d’accento lo sceglie l’app: scuro o bianco, a seconda di cosa si legge meglio. Deve raggiungere un rapporto di contrasto di almeno 4,5 : 1. Con toni medi come il grigio nessuno dei due ci riesce, quindi la console rifiuta il colore.

Il colore deve inoltre distinguersi dallo sfondo bianco e dallo sfondo in modalità scura. Per questo anche i colori quasi bianchi o quasi neri vengono rifiutati. L’anteprima mostra il colore su chiaro e su scuro, uno accanto all’altro, prima di salvare.

Banner per lista

  1. Prepara un’immagine in formato 3:1, ad esempio 1500 × 500 pixel, in JPG o PNG di massimo 2 MB.
  2. Nella sezione “Banner per lista” fai clic su “Carica banner” accanto alla lista. Ogni lista può avere il proprio banner.
  3. Se l’immagine ha un altro formato, viene ritagliata al centro in 3:1. Controlla l’anteprima.
  4. Con “Sostituisci banner” lo cambi, con “Elimina banner” lo rimuovi.

Responsabilità per i contenuti

  • Logo e banner sono responsabilità dell’associazione, ad esempio per i marchi di birrifici o le foto di persone. Carica solo immagini che puoi usare.
  • Logo e banner sono accessibili a chiunque ne conosca l’indirizzo – compaiono infatti anche al chiosco e nella pagina d’ordine QR. Non usare quindi contenuti riservati.

Non siete andati avanti?

Se una guida lascia una domanda aperta o qualcosa appare diverso da come è descritto: aprite un ticket, rispondiamo lì dentro. Il supporto funziona solo tramite ticket, non via e-mail.