Salta ai contenuti
Jonot Docs

Personalizza il tuo branding

Puoi adattare il display, il chiosco e la pagina del biglietto allo stile della tua organizzazione. Il branding si applica all’intera organizzazione e raggiunge in tempo reale ogni dispositivo abbinato, senza dover distribuire di nuovo le app.

Il video seguente mostra display, chiosco e pagina del biglietto con diversi stili. Logo, colori, caratteri e angoli cambiano insieme, ma il funzionamento del prodotto resta uguale.

Cosa puoi personalizzare

Sezione intitolata “Cosa puoi personalizzare”

Apri Impostazioni → Brand nel pannello di amministrazione:

  • Logo — un URL di immagine ospitata. Appare nel piè di pagina della pagina del biglietto del cliente e del chiosco, e — sul display — sopra il titolo “Stiamo servendo”.
  • Dimensione del logo — un moltiplicatore di dimensione (0,8–1,6×, predefinito 1,0) che ingrandisce o riduce il tuo logo sugli schermi di cliente, chiosco e display.
  • Colori primario e secondario — i due colori di marca principali usati per pulsanti, intestazioni e accenti.
  • Colore di accento — usato per gli stati al passaggio del mouse e gli anelli di focus interattivi.
  • Colore di evidenziazione — usato per icone, etichette e stati, mai per pulsanti o link.
  • Colore del lampeggio di chiamata — il colore del lampeggio a tutto schermo che il display mostra quando viene chiamato un biglietto (vedi Suoni di notifica per il comportamento del lampeggio stesso).
  • Colori di testo, sfondo, superficie e bordo — la restante tavolozza che mantiene ogni schermo leggibile rispetto ai colori di marca scelti.
  • Raggio degli angoli — da nitido (0) a completamente arrotondato, applicato in modo uniforme a schede, pulsanti e pannelli.
  • Caratteri del marchio — un elenco di massimo tre caratteri, ciascuno fornito da Google Fonts. Il primo è quello principale; i successivi coprono i simboli mancanti. Riordina l’elenco con i controlli su/giù e assegna a ciascun carattere un filtro sistema di scrittura facoltativo (latino, greco, giapponese, coreano, cinese, …) per restringere la selezione ai caratteri che coprono i sistemi di scrittura richiesti dalle tue lingue abilitate. Un avviso di copertura segnala qualsiasi sistema di scrittura non coperto dai caratteri scelti. Lascia l’elenco vuoto per tornare al predefinito di Jonot (Inter). Ogni carattere viene caricato su richiesta per le schermate che ne hanno bisogno.
  • Scala del carattere — un moltiplicatore di dimensione (0,85–1,5×) per le organizzazioni che desiderano un testo più grande o più compatto in tutto il prodotto.

Il pannello di amministrazione mostra un’anteprima dal vivo delle schermate di display, chiosco e biglietto del cliente mentre modifichi, così puoi vedere l’effetto di ogni modifica prima di salvare.

Sezione intitolata “Caricare il tuo logo”

Jonot mostra esattamente ciò che carichi — non c’è alcun ritaglio o riempimento automatico. Se vuoi spazio di respiro attorno al tuo marchio, incorpora quello spazio direttamente nel file immagine.

  • Sfondo trasparente. Un logo con sfondo pieno mostrerà quello sfondo come un riquadro su ogni schermata.
  • I layout orizzontali o quadrati funzionano meglio. Un logo largo, in formato orizzontale — o un marchio quadrato — si adatta perfettamente al piè di pagina e all’area principale del display. Evita pile molto alte, in formato verticale; si ridurranno a una sottile striscia per adattarsi alla larghezza disponibile.
  • Formato: PNG, JPEG o WebP. I caricamenti SVG vengono rifiutati.
  • Dimensione: massimo 1 MB.
  • Risoluzione: almeno 400×160 px (o il rapporto d’aspetto equivalente per un marchio quadrato) affinché il logo resti nitido alle dimensioni maggiori consentite dal controllo Dimensione del logo.

Usa il controllo Dimensione del logo (0,8–1,6×, predefinito 1,0) per regolare quanto grande appare il tuo logo una volta caricato — l’anteprima dal vivo riflette immediatamente la modifica.

Come si propagano le modifiche

Sezione intitolata “Come si propagano le modifiche”

Le modifiche di branding salvate vengono trasmesse a ogni display, chiosco abbinato e pagina del biglietto del cliente aperta della tua organizzazione tramite lo stesso canale in tempo reale usato per gli aggiornamenti della coda — non c’è cache da svuotare né aggiornamento dell’app da attendere. Un cliente con una pagina del biglietto già aperta vede il nuovo aspetto applicato senza ricaricare.

Ambito a livello di organizzazione

Sezione intitolata “Ambito a livello di organizzazione”

Il branding viene impostato a livello di organizzazione e si applica a ogni sede. Attualmente non esiste una sovrascrittura per sede — tutte le sedi di un’organizzazione condividono un’unica identità di marca.

Guide correlate

Sezione intitolata “Guide correlate”