UpVoter logoUpVoter.io
Volver a documentación

Branding e personalizzazione visiva in UpVoter

Branding e personalizzazione visiva in UpVoter

Cos'è il branding in UpVoter?

Il branding ti permette di personalizzare l'aspetto della tua sessione in modo che rispecchi l'identità visiva della tua organizzazione o evento. Puoi configurare in modo indipendente loghi, colori e immagini di sfondo per due diverse visualizzazioni:

  • Projection View: il grande schermo (TV, proiettore) che il pubblico vede in sala.

  • Participant View: lo schermo dello smartphone di ogni partecipante.
  • Questo significa che puoi avere, ad esempio, il logo dell'evento sulla proiezione e il logo della tua organizzazione sull'interfaccia mobile, oppure colori di sfondo diversi per ogni visualizzazione.


    Accedi al pannello di branding

    All'interno del pannello di gestione della sessione, apri la sezione Branding nel menu della barra laterale.

    Il pannello ha due schede:

  • Projection: configura l'aspetto del grande schermo.

  • Participant: configura l'aspetto del dispositivo mobile dell'elettore.
  • Le modifiche in una scheda non influenzano l'altra. Ogni scheda ha il suo pulsante Salva e il suo pulsante Reset values.

    > Le personalizzazioni non vengono applicate fino a quando non premi Salva. Se chiudi il pannello senza salvare, le modifiche verranno scartate.


    Scheda Projection

    Projection logo

    L'immagine che appare nell'angolo in alto a sinistra dello schermo di proiezione, visibile in tutte le domande e le diapositive della sessione.

    Per caricare il logo:

  • Fai clic su Upload logo.

  • Seleziona un file PNG o JPG. Un PNG con sfondo trasparente dà il miglior risultato su qualsiasi colore di sfondo.

  • L'immagine viene caricata e salvata immediatamente.
  • Per rimuoverlo, fai clic sull'icona del cestino accanto all'immagine.

    Background image

    L'immagine utilizzata come sfondo per l'intera proiezione. Si adatta automaticamente e si centra per coprire l'intero schermo senza distorsione.

    Background opacity

    Un cursore da 0 a 100 che controlla l'intensità dell'immagine di sfondo. Il valore predefinito è 30, che fornisce un effetto sottile che non compete con il contenuto. Un valore di 0 rende l'immagine invisibile; un valore di 100 la mostra a piena intensità.

    Show title in projection

    Controlla se il testo della domanda appare sul grande schermo. Se disabilitato, la proiezione mostra solo le barre dei risultati e le opzioni, nascondendo il prompt principale.

    Projection colors

    | Campo | A cosa serve |
    |---|---|
    | Background color | Sfondo solido dello schermo (visibile quando non c'è un'immagine di sfondo o ha bassa opacità) |
    | Primary color | Colore delle barre dei risultati e del bordo delle schede Q&A |
    | Font color | Colore del testo nella proiezione (titoli, etichette, percentuali) |
    | Correct bar color | Colore della barra della risposta corretta quando rivelata (verde per impostazione predefinita) |
    | Points / ranking color | Colore dei numeri di posizione e dei punti sulle diapositive della classifica (arancione per impostazione predefinita) |


    Scheda Participant

    Welcome screen

    Quando la sessione ha il toggle [UI_REQUEST_NAME] attivato (chiedendo al partecipante un alias), il branding della scheda Participant viene applicato anche alla schermata di benvenuto dove l'attendee digita il proprio nome prima di entrare. Lo sfondo, il colore primario, il colore del font e il logo rimangono coerenti con quello che vedranno durante il resto della sessione.

    Participant logo

    L'immagine che appare nell'app web mobile del partecipante. Questo logo è completamente indipendente dal logo della proiezione. Non c'è fallback tra i due: se nessun logo di partecipante viene caricato, la vista del partecipante non visualizzerà alcun logo (rimarrà vuota), anche se un logo è stato caricato nella scheda projection.

    Show title to participant

    Controlla se l'argomento del sondaggio o il prompt della domanda appare sugli schermi mobile. Può essere utile disabilitarlo se il prompt è già proiettato sul grande schermo e vuoi che i partecipanti tengano gli occhi rivolti in avanti.

    Participant colors

    | Campo | A cosa serve |
    |---|---|
    | Background color | Sfondo dell'applicazione mobile |
    | Primary color | Colore dei pulsanti di conferma del voto e degli elementi di azione |
    | Font color | Colore del testo sull'interfaccia mobile |


    Salva e ripristina

    Salva: applica le modifiche della scheda attiva. La proiezione e i telefoni mobile dei partecipanti rifletteranno i nuovi colori e loghi nel giro di pochi secondi, senza necessità di aggiornamento.

    Reset values: ripristina tutti i campi di quella scheda (e solo quella scheda) ai loro valori predefiniti: colori neutri, nessun logo, nessuna immagine di sfondo, opacità 30.


    Raccomandazioni per tipo di evento

    Evento aziendale

  • Logo in PNG con sfondo trasparente, minimo 400px di larghezza.

  • Colore primario: il colore aziendale esatto dalle tue linee guida del brand.

  • Sfondo: immagine con logo sfocato (opacità 15-25%) oppure nessuna immagine.

  • Colore della barra corretta: verde se ci sono risposte corrette; stesso colore del primario per sondaggi di opinione.
  • Assemblea

  • Nessun logo o logo dell'ente.

  • Colori neutrali e professionali. Evita colori altamente saturi nei voti formali.

  • Nessuna immagine di sfondo per forzare la massima chiarezza e leggibilità dello schermo.
  • Evento dinamico / gamification

  • Logo dell'evento o nome del gioco.

  • Colore primario accattivante (aranci, viola, verdi intensi).

  • Immagine di sfondo con trama sottile, opacità 20-40%.

  • Colore dei punti in arancione brillante per far risaltare i numeri della classifica.

  • Limitazioni attuali

  • Nessuna anteprima in tempo reale: le modifiche ai colori vengono visualizzate in anteprima solo quando salvi e guardi direttamente la proiezione effettiva o il dispositivo mobile del partecipante.
  • Nessuna verifica automatica del contrasto: il sistema non ti avverte se la combinazione di colori di sfondo e font scelta è difficile da leggere. Controllala visivamente prima che l'evento inizi.
  • Nessun modello predefinito: l'organizzatore configura tutto da zero in ogni nuova sessione, anche se una sessione può essere duplicata per riutilizzarne la configurazione.
  • Le immagini non vengono compresse automaticamente: se carichi immagini molto grandi, il caricamento iniziale potrebbe essere lento. È altamente consigliato ottimizzarle prima del caricamento.
  • Branding e personalizzazione visiva in UpVoter — UpVoter.io