Salta ai contenuti
Jonot Docs

Personalizza il tuo branding

Le superfici rivolte ai clienti di Jonot — il display della coda, il chiosco e la pagina del biglietto del cliente sul proprio telefono — possono essere ridisegnate per rispecchiare il marchio della tua organizzazione invece dell’aspetto predefinito di Jonot. Il branding viene applicato per organizzazione e si propaga in tempo reale a ogni dispositivo abbinato senza bisogno di una nuova distribuzione.

Il video seguente mostra le stesse tre superfici alternarsi tra diverse identità di marca — logo, colori, caratteri e raggio degli angoli cambiano tutti insieme, mentre il prodotto sottostante rimane esattamente lo stesso.

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 — un colore di supporto per evidenziazioni secondarie.
  • 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 — uno stack fino a tre caratteri, ciascuno servito da Google Fonts, applicato in ordine di fallback: il primo carattere è primario, quelli successivi coprono i caratteri che i precedenti non hanno. Riordina lo stack 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 lo stack vuoto per tornare al predefinito di Jonot (Inter). Ogni carattere viene caricato su richiesta per le superfici 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 superficie.
  • 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”