Přeskočit na obsah
Jonot Docs

Přizpůsobení vašeho brandingu

Zákaznicky orientované plochy Jonotu — obrazovka fronty, kiosek a stránka zákazníkova lístku na jeho vlastním telefonu — lze přestylovat tak, aby odpovídaly brandu vaší organizace místo výchozího vzhledu Jonotu. Branding se nastavuje na úrovni organizace a živě se šíří na každé spárované zařízení bez nutnosti nového nasazení.

Níže uvedené video ukazuje tytéž tři plochy postupně procházející několika odlišnými brandy — logo, barvy, písma i zaoblení rohů se mění společně, zatímco samotný produkt zůstává úplně stejný.

Co lze přizpůsobit

Sekce “Co lze přizpůsobit”

Otevřete Nastavení → Branding v administraci:

  • Logo — hostovaná URL adresa obrázku. Zobrazuje se v patičce stránky zákazníkova lístku a kiosku a — na obrazovce — nad nadpisem „Nyní obsluhujeme“.
  • Velikost loga — násobitel velikosti (0,8–1,6×, výchozí 1,0), který zvětšuje nebo zmenšuje vaše logo na obrazovkách zákazníka, kiosku a displeje.
  • Primární a sekundární barva — dvě hlavní brandové barvy použité napříč tlačítky, záhlavími a akcenty.
  • Akcentová barva — doplňková barva pro sekundární zvýraznění.
  • Barva blesku volání — barva bleskového přeblesku na celou obrazovku, který se zobrazí, když je zavolán lístek (viz Zvuková upozornění pro chování samotného blesku).
  • Barva textu, pozadí, plochy a ohraničení — zbytek palety, který zajišťuje čitelnost každé obrazovky vůči vámi zvoleným brandovým barvám.
  • Zaoblení rohů — od ostrého (0) po zcela zaoblené, aplikováno konzistentně na karty, tlačítka a panely.
  • Brandová písma — sada až tří písem, každé poskytované službou Google Fonts, aplikovaná v pořadí náhrady: první písmo je primární a další písma pokrývají znaky, které to předchozí neobsahuje. Pořadí sady měňte pomocí ovládacích prvků nahoru/dolů a u kteréhokoli písma nastavte volitelný filtr skriptu (latinka, řečtina, japonština, korejština, čínština, …), abyste výběr zúžili na písma pokrývající skripty, které vaše povolené jazyky potřebují. Nápověda o pokrytí upozorní na jakýkoli skript, který vámi zvolená písma nepokrývají. Ponechte sadu prázdnou pro použití výchozího nastavení Jonotu (Inter). Každé písmo se načítá podle potřeby pro plochy, které ho vyžadují.
  • Měřítko písma — násobitel velikosti (0,85–1,5×) pro organizace, které chtějí větší nebo kompaktnější písmo napříč celým rozhraním.

Administrace zobrazuje živý náhled obrazovky, kiosku a stránky zákazníkova lístku, zatímco upravujete nastavení, takže před uložením vidíte účinek každé změny.

Nahrání vašeho loga

Sekce “Nahrání vašeho loga”

Jonot vykresluje přesně to, co nahrajete — neprovádí se žádné automatické oříznutí ani doplnění okrajů. Pokud chcete kolem svého loga vzduch, vetkněte tento prostor přímo do souboru s obrázkem.

  • Průhledné pozadí. Logo na plném pozadí zobrazí toto pozadí jako krabici na každé ploše.
  • Nejlépe fungují horizontální nebo čtvercová loga. Široké, na šířku orientované logo — nebo čtvercová značka — se čistě přizpůsobí patičce a hero sekci obrazovky. Vyhněte se extrémně vysokým, na výšku orientovaným variantám; zmenší se na tenký proužek, aby se vešly do dostupné šířky.
  • Formát: PNG, JPEG nebo WebP. Nahrání SVG je odmítnuto.
  • Velikost: maximálně 1 MB.
  • Rozlišení: alespoň 400×160 px (nebo odpovídající poměr stran u čtvercové značky), aby logo zůstalo ostré i při větších velikostech, které umožňuje ovládací prvek Velikost loga.

Pomocí ovládacího prvku Velikost loga (0,8–1,6×, výchozí 1,0) jemně doladíte, jak velké se vaše logo po nahrání zobrazuje — živý náhled se projeví okamžitě.

Jak se změny šíří

Sekce “Jak se změny šíří”

Uložené změny brandingu se okamžitě odesílají na každou spárovanou obrazovku, kiosek i otevřenou stránku zákazníkova lístku ve vaší organizaci přes stejný živý kanál, který se používá pro aktualizace fronty — není potřeba mazat žádnou vyrovnávací paměť ani čekat na aktualizaci aplikace. Zákazník s již otevřenou stránkou lístku uvidí nový vzhled bez nutnosti obnovení stránky.

Rozsah v rámci celé organizace

Sekce “Rozsah v rámci celé organizace”

Branding se nastavuje na úrovni organizace a platí pro každou pobočku. V současnosti neexistuje přepis pro jednotlivé pobočky — všechny pobočky v organizaci sdílejí jeden vizuální styl.

Související návody

Sekce “Související návody”