UpVoter logoUpVoter.io
Volver a documentación

Marca i personalització visual a UpVoter

Marca i personalització visual a UpVoter

Què és la marca a UpVoter?

La marca permet personalitzar l'aparença de la teva sessió perquè reflecteixi la identitat visual de la teva organització o esdeveniment. Pots configurar independentment logotips, colors i imatges de fons per a dues vistes diferents:

  • Projection View: la pantalla gran (TV, projector) que veu l'audiència a la sala.

  • Participant View: la pantalla del smartphone de cada assistent.
  • Això significa que pots tenir, per exemple, el logotip de l'esdeveniment a la projecció i el logotip de la teva organització a la interfície mòbil, o colors de fons diferents per a cada vista.


    Accés al panell de marca

    Dins del panell de gestió de la sessió, obri la secció Branding al menú de la barra lateral.

    El panell té dues pestanyes:

  • Projection: configura l'aspecte de la pantalla gran.

  • Participant: configura l'aspecte del dispositiu mòbil del votant.
  • Els canvis en una pestanya no afecten l'altra. Cada pestanya té el seu propi botó Desa i el seu propi botó Reset values.

    > Les personalitzacions no s'apliquen fins que prems Desa. Si tanques el panell sense guardar, els canvis es descartaran.


    Pestanya Projection

    Logotip de projecció

    La imatge que apareix a la cantonada superior esquerra de la pantalla de projecció, visible en totes les preguntes i diapositives de la sessió.

    Per pujar el logotip:

  • Fes clic a Upload logo.

  • Selecciona un fitxer PNG o JPG. Un PNG amb fons transparent ofereix el millor resultat sobre qualsevol color de fons.

  • La imatge es puja i es guarda immediatament.
  • Per eliminar-lo, fes clic a la icona de paperera al costat de la imatge.

    Imatge de fons

    La imatge utilitzada com a fons per a tota la projecció. Es fa coincidir i es centra automàticament per cobrir tota la pantalla sense distorsió.

    Opacitat del fons

    Un regulador de 0 a 100 que controla la intensitat de la imatge de fons. El valor per defecte és 30, que proporciona un efecte subtil que no compiteix amb el contingut. Un valor de 0 fa invisible la imatge; un valor de 100 la mostra a intensitat completa.

    Mostrar títol a la projecció

    Controla si el text de la pregunta apareix a la pantalla gran. Si està desactivat, la projecció mostra només les barres de resultats i les opcions, amagant la pregunta principal.

    Colors de projecció

    | Camp | Per a què serveix |
    |---|---|
    | Background color | Fons sòlid de la pantalla (visible quan no hi ha imatge de fons o té baixa opacitat) |
    | Primary color | Color de les barres de resultats i la vora de les targetes de Q&A |
    | Font color | Color del text a la projecció (títols, etiquetes, percentatges) |
    | Correct bar color | Color de la barra de la resposta correcta quan es revela (verd per defecte) |
    | Points / ranking color | Color dels números de posició i punts en les diapositives de classificació (taronja per defecte) |


    Pestanya Participant

    Pantalla de benvinguda

    Quan la sessió té l'interruptor [UI_REQUEST_NAME] activat (demanant al participant un àlies), la marca de la pestanya Participant també s'aplica a la pantalla de benvinguda on l'assistent escriu el seu nom abans d'entrar. El fons, color primari, color de font i logotip es mantenen coherents amb el que veuran durant la resta de la sessió.

    Logotip del participant

    La imatge que apareix a l'aplicació web mòbil del participant. Aquest logotip és completament independent del logotip de projecció. No hi ha cap fallback entre els dos: si no es puja cap logotip de participant, la vista del participant no mostrarà cap logotip (quedarà buit), encara que s'hagi pujat un logotip a la pestanya de projecció.

    Mostrar títol al participant

    Controla si el tema de l'enquesta o la pregunta apareix a les pantalls mòbils. Pot ser útil desactivar-ho si la pregunta ja es projecta a la pantalla gran i vols que els participants mantinguin la vista cap endavant.

    Colors del participant

    | Camp | Per a què serveix |
    |---|---|
    | Background color | Fons de l'aplicació mòbil |
    | Primary color | Color dels botons de confirmació de vot i elements d'acció |
    | Font color | Color del text a la interfície mòbil |


    Guardar i restablir

    Desa: aplica els canvis de la pestanya activa. La projecció i els telèfons mòbils dels participants reflectiran els nous colors i logotips en qüestió de segons, sense necessitat de recarregar.

    Reset values: reverteix tots els camps d'aquesta pestanya (i només d'aquesta pestanya) als seus valors per defecte: colors neutres, sense logotip, sense imatge de fons, opacitat 30.


    Recomanacions per tipus d'esdeveniment

    Esdeveniment corporatiu

  • Logotip en PNG amb fons transparent, mínim 400px d'ample.

  • Color primari: el color corporatiu exacte de la teva guia de marca.

  • Fons: imatge amb logotip desenfocat (opacitat 15-25%) o sense imatge.

  • Color de barra correcta: verd si hi ha respostes correctes; igual al color primari per a enquestes d'opinió.
  • Assemblea

  • Sense logotip o logotip de l'entitat.

  • Colors neutres i professionals. Evita colors molt saturats en votacions formals.

  • Sense imatge de fons per forçar la màxima claredat i llegibilitat de pantalla.
  • Esdeveniment dinàmic / gamificació

  • Logotip de l'esdeveniment o nom del joc.

  • Color primari sorprenent (taronges, porpres, verds intensos).

  • Imatge de fons amb textura subtil, opacitat 20-40%.

  • Color de punts en taronja brillant per destacar els números de classificació.

  • Limitacions actuals

  • Sense vista prèvia en temps real: els canvis de color només es veuen en vista prèvia quan guardes i mires directament la projecció real o el dispositiu mòbil del participant.
  • Sense verificació automàtica de contrast: el sistema no t'avisa si la teva combinació de colors de fons i font és difícil de llegir. Verifica-ho visualment abans que comenci l'evento.
  • Sense plantilles predefinides: l'organitzador configura tot des de zero en cada sessió nova, encara que una sessió pot duplicar-se per reutilitzar la seva configuració.
  • Les imatges no es comprimen automàticament: si pujes imatges molt grans, la càrrega inicial pot ser lenta. Es recomana altament optimitzar-les abans de pujar-les.