Personnalisez votre image de marque

Les surfaces destinées aux clients de Jonot — l’écran de file d’attente, la borne, et la page de ticket du client sur son propre téléphone — peuvent être retherméisées pour correspondre à l’identité de votre organisation plutôt qu’à l’apparence par défaut de Jonot. L’image de marque est appliquée par organisation et se propage en direct à chaque appareil appairé sans redéploiement.

L’extrait ci-dessous montre les trois mêmes surfaces défilant à travers plusieurs identités de marque différentes — logo, couleurs, polices et rayon d’arrondi changent tous ensemble, tandis que le produit sous-jacent reste exactement le même.

Ce que vous pouvez personnaliser

Ouvrez Paramètres → Image de marque dans le panneau Admin :

Logo — une URL d’image hébergée. Il apparaît dans le pied de page de la page de ticket client et de la borne, et — sur l’écran — au-dessus du titre « En cours de service ».
Taille du logo — un multiplicateur de taille (0,8–1,6×, par défaut 1.0) qui agrandit ou réduit votre logo sur les écrans client, borne et affichage.
Couleurs primaire et secondaire — les deux couleurs de marque principales utilisées sur les boutons, en-têtes et accents.
Couleur d’accentuation — une couleur d’appoint pour les mises en valeur secondaires.
Couleur du flash d’appel — la couleur du flash plein écran que l’écran affiche lorsqu’un ticket est appelé (voir Sons de notification pour le comportement du flash lui-même).
Couleurs de texte, de fond, de surface et de bordure — le reste de la palette qui garde chaque écran lisible face aux couleurs de marque choisies.
Arrondi des coins — de vif (0) à entièrement arrondi, appliqué de manière cohérente aux cartes, boutons et panneaux.
Polices de la marque — une pile jusqu’à trois polices, chacune servie par Google Fonts, appliquées dans l’ordre de repli : la première police est primaire, et les suivantes couvrent les caractères que les précédentes ne couvrent pas. Réorganisez la pile avec les contrôles haut/bas, et donnez à n’importe quelle police un filtre facultatif de script (latin, grec, japonais, coréen, chinois, …) pour restreindre le sélecteur aux polices qui couvrent les scripts dont vos langues activées ont besoin. Une indication de couverture signale tout script que vos polices choisies ne couvrent pas. Laissez la pile vide pour revenir à la valeur par défaut de Jonot (Inter). Chaque police est chargée à la demande pour les surfaces qui en ont besoin.
Échelle de police — un multiplicateur de taille (0,85–1,5×) pour les organisations qui souhaitent une typographie plus grande ou plus compacte partout.

Le panneau Admin affiche un aperçu en direct des écrans d’affichage, de borne et de ticket client au fur et à mesure que vous modifiez les réglages, afin que vous puissiez voir l’effet de chaque changement avant d’enregistrer.

Téléverser votre logo

Jonot affiche exactement ce que vous téléversez — il n’y a pas de recadrage ou de marge automatiques. Si vous souhaitez de l’espace autour de votre marque, intégrez cet espacement directement dans le fichier image.

Fond transparent. Un logo sur un fond uni affichera ce fond comme une boîte sur chaque surface.
Les compositions horizontales ou carrées fonctionnent le mieux. Un logo large, en format paysage — ou une marque carrée — s’adapte proprement au pied de page et à la vedette de l’écran. Évitez les compositions très hautes, en format portrait ; elles se réduiront à un mince filet pour s’adapter à la largeur disponible.
Format : PNG, JPEG, ou WebP. Les téléversements SVG sont rejetés.
Taille : 1 Mo maximum.
Résolution : au moins 400 × 160 px (ou le rapport d’aspect équivalent pour une marque carrée) afin que le logo reste net aux tailles plus grandes que permet le contrôle Taille du logo.

Utilisez le contrôle Taille du logo (0,8–1,6×, par défaut 1.0) pour ajuster la taille d’affichage de votre logo une fois téléversé — l’aperçu en direct reflète le changement immédiatement.

Comment les changements se propagent

Les changements d’image de marque enregistrés sont poussés vers chaque écran, borne appairés et chaque page de ticket client ouverte pour votre organisation via le même canal en direct utilisé pour les mises à jour de file d’attente — il n’y a aucun cache à vider ni de mise à jour d’application à attendre. Un client dont la page de ticket est déjà ouverte voit la nouvelle apparence s’appliquer sans recharger la page.

Portée à l’échelle de l’organisation

L’image de marque est définie au niveau de l’organisation et s’applique à chaque établissement. Il n’y a actuellement pas de surcharge par établissement — tous les établissements d’une organisation partagent une seule identité de marque.

Guides associés

Personnaliser l’écran — surcharges de texte de l’écran et flash d’appel.
Sons de notification — la couleur du flash d’appel se trouve dans la même page de paramètres Image de marque.