UpVoter logoUpVoter.io
Volver a documentación

Personnalisation et branding dans UpVoter

Personnalisation et branding dans UpVoter

Qu'est-ce que le branding dans UpVoter ?

Le branding vous permet de personnaliser l'apparence de votre session afin qu'elle reflète l'identité visuelle de votre organisation ou événement. Vous pouvez configurer indépendamment les logos, les couleurs et les images de fond pour deux vues différentes :

  • Projection View: le grand écran (TV, projecteur) que le public voit dans la salle.

  • Participant View: l'écran du smartphone de chaque participant.
  • Cela signifie que vous pouvez, par exemple, avoir le logo de l'événement sur la projection et le logo de votre organisation sur l'interface mobile, ou des couleurs de fond différentes pour chaque vue.


    Accéder au panneau de branding

    Dans le panneau de gestion de session, ouvrez la section Branding dans le menu de la barre latérale.

    Le panneau comporte deux onglets :

  • Projection: configure l'apparence du grand écran.

  • Participant: configure l'apparence de l'appareil mobile du votant.
  • Les modifications dans un onglet n'affectent pas l'autre. Chaque onglet dispose de son propre bouton Enregistrer et de son propre bouton Reset values.

    > Les personnalisations ne sont appliquées que lorsque vous appuyez sur Enregistrer. Si vous fermez le panneau sans enregistrer, les modifications seront supprimées.


    Onglet Projection

    Logo de projection

    L'image qui apparaît dans le coin supérieur gauche de l'écran de projection, visible sur toutes les questions et diapositives de la session.

    Pour télécharger le logo :

  • Cliquez sur Upload logo.

  • Sélectionnez un fichier PNG ou JPG. Un PNG avec un fond transparent donne le meilleur résultat sur n'importe quelle couleur de fond.

  • L'image est téléchargée et immédiatement enregistrée.
  • Pour le supprimer, cliquez sur l'icône de corbeille à côté de l'image.

    Image de fond

    L'image utilisée comme arrière-plan pour l'ensemble de la projection. Elle se redimensionne et se centre automatiquement pour couvrir l'écran entier sans distorsion.

    Opacité du fond

    Un curseur de 0 à 100 qui contrôle l'intensité de l'image de fond. La valeur par défaut est 30, ce qui donne un effet subtil qui ne concurrence pas le contenu. Une valeur de 0 rend l'image invisible ; une valeur de 100 l'affiche à pleine intensité.

    Afficher le titre en projection

    Contrôle si le texte de la question apparaît sur le grand écran. S'il est désactivé, la projection affiche uniquement les barres de résultats et les options, masquant l'invite principale.

    Couleurs de projection

    | Champ | À quoi ça sert |
    |---|---|
    | Background color | Arrière-plan solide de l'écran (visible quand il n'y a pas d'image de fond ou qu'elle a une opacité faible) |
    | Primary color | Couleur des barres de résultats et de la bordure des cartes Q&A |
    | Font color | Couleur du texte en projection (titres, étiquettes, pourcentages) |
    | Correct bar color | Couleur de la barre de la bonne réponse lorsqu'elle est révélée (vert par défaut) |
    | Points / ranking color | Couleur des numéros de position et des points sur les diapositives du classement (orange par défaut) |


    Onglet Participant

    Écran de bienvenue

    Quand la session a la bascule [UI_REQUEST_NAME] activée (demandant au participant un alias), le branding de l'onglet Participant est également appliqué à l'écran de bienvenue où l'attendu tape son nom avant d'entrer. Le fond, la couleur primaire, la couleur de la police et le logo restent cohérents avec ce qu'ils verront pendant le reste de la session.

    Logo du participant

    L'image qui apparaît sur l'application web mobile du participant. Ce logo est complètement indépendant du logo de projection. Il n'y a pas de substitution entre les deux : si aucun logo participant n'est téléchargé, la vue participant n'affichera aucun logo (il restera vide), même si un logo a été téléchargé dans l'onglet projection.

    Afficher le titre au participant

    Contrôle si le sujet du sondage ou l'invite de question apparaît sur les écrans mobiles. Il peut être utile de le désactiver si l'invite est déjà projetée sur le grand écran et que vous souhaitez que les participants gardent les yeux vers l'avant.

    Couleurs du participant

    | Champ | À quoi ça sert |
    |---|---|
    | Background color | Arrière-plan de l'application mobile |
    | Primary color | Couleur des boutons de confirmation de vote et des éléments d'action |
    | Font color | Couleur du texte sur l'interface mobile |


    Enregistrement et réinitialisation

    Enregistrer: applique les modifications de l'onglet actif. La projection et les téléphones mobiles des participants refléteront les nouvelles couleurs et logos en quelques secondes, sans besoin de rafraîchir.

    Reset values: rétablit tous les champs de cet onglet (et uniquement cet onglet) à leurs valeurs par défaut : couleurs neutres, aucun logo, aucune image de fond, opacité 30.


    Recommandations par type d'événement

    Événement d'entreprise

  • Logo en PNG avec fond transparent, largeur minimum 400px.

  • Couleur primaire : la couleur d'entreprise exacte selon vos directives de marque.

  • Arrière-plan : image avec logo flou (opacité 15-25%) ou pas d'image.

  • Couleur de bonne réponse : vert s'il y a des bonnes réponses ; même couleur que la couleur primaire pour les sondages d'opinion.
  • Assemblée

  • Aucun logo ou le logo de l'entité.

  • Couleurs neutres et professionnelles. Évitez les couleurs très saturées dans les votes formels.

  • Aucune image de fond pour forcer une clarté maximale et une lisibilité d'écran.
  • Événement dynamique / gamification

  • Logo de l'événement ou nom du jeu.

  • Couleur primaire frappante (oranges, violets, verts intenses).

  • Image de fond avec texture subtile, opacité 20-40%.

  • Couleur des points en orange vif pour que les numéros de classement se démarquent.

  • Limitations actuelles

  • Pas d'aperçu en temps réel: les modifications de couleur ne sont visualisées que lorsque vous enregistrez et regardez directement la projection réelle ou l'appareil mobile du participant.
  • Pas de vérification automatique du contraste: le système ne vous avertit pas si votre combinaison choisie de couleurs de fond et de police est difficile à lire. Vérifiez-la visuellement avant le début de l'événement.
  • Pas de modèles prédéfinis: l'organisateur configure tout à partir de zéro dans chaque nouvelle session, bien qu'une session puisse être dupliquée pour réutiliser sa configuration.
  • Les images ne sont pas automatiquement compressées: si vous téléchargez des images très volumineuses, le chargement initial peut être lent. Il est fortement recommandé de les optimiser avant le téléchargement.
  • Personnalisation et branding dans UpVoter — UpVoter.io