UpVoter logoUpVoter.io
Volver a documentación

Branding und visuelle Anpassung in UpVoter

Branding und visuelle Anpassung in UpVoter

Was ist Branding in UpVoter?

Branding ermöglicht es dir, das Erscheinungsbild deiner Session so anzupassen, dass es die visuelle Identität deiner Organisation oder deines Events widerspiegelt. Du kannst Logos, Farben und Hintergrundbilder unabhängig voneinander für zwei verschiedene Ansichten konfigurieren:

  • Projection View: der große Bildschirm (Fernseher, Beamer), den das Publikum im Raum sieht.

  • Participant View: der Smartphone-Bildschirm jedes Teilnehmers.
  • Das bedeutet, dass du beispielsweise das Event-Logo auf der Projektion und das Logo deiner Organisation auf der mobilen Oberfläche haben kannst, oder unterschiedliche Hintergrundfarben für jede Ansicht.


    Zugriff auf das Branding-Panel

    Öffne im Session-Verwaltungspanel den Bereich Branding im Sidebar-Menü.

    Das Panel hat zwei Registerkarten:

  • Projection: konfiguriert das Aussehen des großen Bildschirms.

  • Participant: konfiguriert das Aussehen des Mobilgeräts des Wählers.
  • Änderungen in einer Registerkarte beeinflussen die andere nicht. Jede Registerkarte hat ihre eigene Speichern-Schaltfläche und ihre eigene Schaltfläche Reset values.

    > Anpassungen werden erst angewendet, wenn du Speichern drückst. Wenn du das Panel ohne Speichern schließt, werden Änderungen verworfen.


    Projection Tab

    Projection logo

    Das Bild, das in der oberen linken Ecke des Projektionsbildschirms angezeigt wird und über alle Fragen und Folien der Session sichtbar ist.

    So lädst du das Logo hoch:

  • Klicke auf Upload logo.

  • Wähle eine PNG- oder JPG-Datei aus. Ein PNG mit transparentem Hintergrund liefert über jeder Hintergrundfarbe das beste Ergebnis.

  • Das Bild wird hochgeladen und sofort gespeichert.
  • Um es zu entfernen, klicke auf das Papierkorbsymbol neben dem Bild.

    Background image

    Das Bild, das als Hintergrund für die gesamte Projektion verwendet wird. Es skaliert und zentriert sich automatisch, um den gesamten Bildschirm abzudecken, ohne verzerrt zu werden.

    Background opacity

    Ein Schieberegler von 0 bis 100, der die Intensität des Hintergrundbildes steuert. Der Standardwert ist 30, was einen subtilen Effekt bietet, der nicht mit dem Inhalt konkurriert. Ein Wert von 0 macht das Bild unsichtbar; ein Wert von 100 zeigt es in voller Intensität.

    Show title in projection

    Steuert, ob der Text der Frage auf dem großen Bildschirm angezeigt wird. Wenn deaktiviert, zeigt die Projektion nur die Ergebnis-Balken und Optionen an und verbirgt die Hauptfrage.

    Projection colors

    | Feld | Wofür es ist |
    |---|---|
    | Background color | Einfarbiger Hintergrund des Bildschirms (sichtbar, wenn es kein Hintergrundbild gibt oder es niedrige Deckkraft hat) |
    | Primary color | Farbe der Ergebnis-Balken und des Rahmens von Q&A-Karten |
    | Font color | Textfarbe in der Projektion (Titel, Beschriftungen, Prozentsätze) |
    | Correct bar color | Farbe des Balkens der korrekten Antwort bei Anzeige (standardmäßig grün) |
    | Points / ranking color | Farbe der Positionsnummern und Punkte auf Ranglisten-Folien (standardmäßig orange) |


    Participant Tab

    Welcome screen

    Wenn die Session den Toggle [UI_REQUEST_NAME] aktiviert hat (was den Teilnehmer um einen Alias fragt), wird das Branding aus der Registerkarte Participant auch auf dem Willkommensbildschirm angewendet, auf dem der Teilnehmer seinen Namen eingibt, bevor er eintritt. Der Hintergrund, die Primärfarbe, die Schriftfarbe und das Logo bleiben konsistent mit dem, was er während des restlichen der Session sieht.

    Participant logo

    Das Bild, das in der mobilen Web-App des Teilnehmers angezeigt wird. Dieses Logo ist völlig unabhängig vom Projektionslogo. Es gibt kein Fallback zwischen den beiden: Wenn kein Teilnehmer-Logo hochgeladen wird, wird die Teilnehmeransicht kein Logo anzeigen (es bleibt leer), auch wenn ein Logo in der Registerkarte Projection hochgeladen wurde.

    Show title to participant

    Steuert, ob das Poll-Thema oder die Fragenstellung auf mobilen Bildschirmen angezeigt wird. Es kann nützlich sein, dies zu deaktivieren, wenn die Frage bereits auf dem großen Bildschirm projiziert wird und du möchtest, dass die Teilnehmer ihren Blick nach vorne richten.

    Participant colors

    | Feld | Wofür es ist |
    |---|---|
    | Background color | Hintergrund der mobilen Anwendung |
    | Primary color | Farbe der Abstimmungsbestätigungs-Schaltflächen und Aktionselemente |
    | Font color | Textfarbe auf der mobilen Oberfläche |


    Speichern und zurücksetzen

    Speichern: wendet die Änderungen der aktiven Registerkarte an. Die Projektion und die Mobiltelefone der Teilnehmer zeigen die neuen Farben und Logos innerhalb weniger Sekunden an, ohne dass eine Aktualisierung erforderlich ist.

    Reset values: setzt alle Felder dieser Registerkarte (und nur dieser Registerkarte) auf ihre Standardwerte zurück: neutrale Farben, kein Logo, kein Hintergrundbild, Deckkraft 30.


    Empfehlungen nach Event-Typ

    Unternehmensveranstaltung

  • Logo im PNG-Format mit transparentem Hintergrund, mindestens 400px breit.

  • Primärfarbe: die genaue Unternehmensfarbe aus deinen Markenrichtlinien.

  • Hintergrund: Bild mit unscharfem Logo (Deckkraft 15-25%) oder kein Bild.

  • Correct bar color: grün, wenn es richtige Antworten gibt; gleich wie Primärfarbe für Meinungsumfragen.
  • Versammlung

  • Kein Logo oder das Logo der Einrichtung.

  • Neutrale und professionelle Farben. Vermeide hochgesättigte Farben bei formalen Abstimmungen.

  • Kein Hintergrundbild, um maximale Klarheit und Bildschirmlesbarkeit zu erzwingen.
  • Dynamische Veranstaltung / Gamification

  • Event-Logo oder Spielname.

  • Auffällige Primärfarbe (Orange, Lila, intensive Grüntöne).

  • Hintergrundbild mit subtiler Textur, Deckkraft 20-40%.

  • Points-Farbe in leuchtendem Orange, um Ranglisten-Nummern hervorzuheben.

  • Aktuelle Einschränkungen

  • Keine Echtzeit-Vorschau: Farbänderungen werden nur in der Vorschau angezeigt, wenn du speicherst und die tatsächliche Projektion oder das Mobilgerät des Teilnehmers direkt ansiehst.
  • Keine automatische Kontrastüberprüfung: das System warnt dich nicht, wenn deine gewählte Kombination aus Hintergrund- und Schriftfarben schwer zu lesen ist. Überprüfe sie visuell, bevor das Event beginnt.
  • Keine vordefinierten Vorlagen: der Organisator konfiguriert alles von Grund auf in jeder neuen Session, obwohl eine Session dupliziert werden kann, um ihre Konfiguration wiederzuverwenden.
  • Bilder werden nicht automatisch komprimiert: wenn du sehr große Bilder hochlädst, kann das erste Laden langsam sein. Es wird dringend empfohlen, sie vor dem Hochladen zu optimieren.
  • Branding und visuelle Anpassung in UpVoter — UpVoter.io