Jak posune vaši značku nezávislý online grafický průvodce Visualbook?

Tři roky pracuji na tom, abych vytvářel pro firmy stále lepší nezávislé grafické manuály bez měsíčních výdajů – Visualbook.

V tomto článku se dozvíte, co nabízí toto řešení pro vás nebo vaše klienty.

Napřed kontext

Tvořím loga a vizuální styly posledních 17 let a za tu dobu jsem prošel různými vývojovými fázemi, kdy jsem grafický manuál sázel jako PDF a nakonec jsem je tvořil na různých online službách.

Grafické manuály jsou pro mne velké téma. Je totiž až s podivem, jak tuto závěrečnou část vizuálního brandingu – distribuci vizuální identity – podceňují jak firmy, tak někteří designeři.

Pokud se o tomto tématu chcete dozvědět více, napsal jsem článek o tom, proč ignorujeme grafické manuály a jak to zlepšit a nedávno jsem sepsal 15 tipů pro tvorbu výborného online logo manuálu nebo grafického průvodce.

Zpět k Visualbooku.

První verze Visualbooku: editační peklo

Tím nemyslím pro klienta, ale spíše pro mne jako tvůrce. Výsledek byl totiž celkem použitelný. Jeho tvorba a správa ale už moc ne. Manuál se startoval v příkazovém řádku a editoval v markdownu. Nic vizuálního, nic příjemného.

Dokonce jsem si sám pro sebe musel na GitBooku sepsat dokumentaci, abych byl vůbec schopen grafický manuál spustit, upravit a vyexportovat.

Začal jsem stavět lepší řešení

Brzy jsem pochopil, že tudy cesta nevede. První Visualbook jsem stavěl 100 hodin a většinu toho času jsem strávil učením, jak dané věci vlastně fungují. Potřeboval jsem se posunout…

Stanovil jsem si následující kritéria:

• možnost nasazení na jakoukoliv doménu
• styl manuálu je vždy v designu značky
• nulová provozní cena
• snadná vizuální správa obsahu
• nízké nebo nulové riziko zániku
• snadná možnost předání dalším designerům
• jednoduchá vyhledatelnost manuálu na Google

Všechna kritéria se mi nakonec opravdu podařilo naplnit.

Jaké technologie jsem si vybral?

1) Bootstrap framework

Visualbook je postaven na open-source frameworku Bootstrap, který je celosvětové používaný a má dobře zpracovanou dokumentaci. Edituje se přes intuitivní Bootstrap Studio, které umožňuje úpravy a editaci grafického manuálu i bez znalosti kódování. Navíc je tento editor vyloženě za pár korun s lifetime licencí.

Není náhoda, že se díky tomu skvěle hodí pro Visualbook. Nezatěžuje měsíčními poplatky ani klienta, ani designera. Práci na něm zvládne kdokoliv na světe.

2) Vlastní logopack framework

Abych doručoval loga nejlepším možným způsobem, vytvořil jsem systém, který navádí uživatele ke správnému výběru nejkratší možnou cestou. Nenutí ho přemýšlet. Tím minimalizuje možné riziko nesprávného použití loga pro danou aplikaci.

Více i profesionálním logopacku jsem sepsal v článku Jak z návrhu loga vytvořit profesionální LOGO PACK. Designer už nemusí přemýšet, jaké formáty, jaký naming a jakou strukturu bude pro klienta vytvářet.

Visualbook tvořím včetně logopacku, ve kterém je vše potřebné a jako vstup mi stačí pouze jeden formát křivkového loga (třeba .AI).

3) Implementace Blockproof certifikátu loga na bitcoin blockchainu

Blockproof je certifikační služba využívající digitální razítka (.ots) k nesmazatelnému zápisu jakýchkoliv digitálních souborů pomocí bitcoin blockchainu.

Blockproof využívá open-source framework Open Timestamps, který vyvinul bitcoin developer Peter Todd. Open Timestamps zapisuje v tuto chvíli několik tisíc unikátních hashů denně a jeho technologii využívá kupříkladu certifikační a NFT platforma Verisart. 

Rozhodl jsem se vytvořit a implementovat Blockproof do Visualbooku, abych zvýšil ochranu autorů log. V tuto chvíli je možné na vyžádání vystavit takovýto certifikát, který bude součásti stránky s vašim logem:

4) Zaheslování vybraných stránek přes LinkLock

Link Lock je nástroj pro přidání hesla k odkazu, jinými slovy pro šifrování adres URL. Když uživatel navštíví zašifrovanou adresu URL, bude vyzván k zadání hesla. Pokud je heslo správné, Link Lock jej odešle na skrytou webovou stránku nebo odkaz.

Přímo v Demu Visualbooku si můžete LinkLock sami vyzkoušet.

Dokumentace, která vás provede

Základy Visualbook platformy zvládnete levou zadní. Návody a tipy naleznete v nové dokumentaci.

Ukázka, co vše Visualbook umí

Kompletní demo ukázku můžete vidět tady. Můžete si proklikat jednotlivé sekce a vyzkoušet všechny funkce.

Jaké značky už používají Visualbook?

Již 40 českých značek předává svá firemní aktiva prostřednictvím Visualbooku. Níže je výběr několika z nich. Můžete si jejich manuály proklikat a násedně promyslet, zda-li by něco takového bylo pro vaši značku taky vhodné.

Spolupracuji s grafickými studii i samotnými designery, pro které tyto Visalbooky tvořím. Podle zakoupené verze vám pak předávám i komplet data, abyste si mohli Visualbook sami spravovat.

Kde se můžete dozvědět více?

Natáčím videa na YouTube kanále Visualbook. Sledovat mne můžete na Twitteru a Facebooku a samozřejmě celkový souhrn najdete na webu visualbook.pro

Tvořte značky rychleji. Pravidla používání jejich vizuálních pilířů zajistí Visualbook. Zaujalo vás to? Napište mi.