visionslabs - upgrade centrum-vzdělávání.cz - webová aplikace - webové stránky

Upgrade CENTRUM-VZDĚLÁVÁNÍ.CZ

V tomto článku se podíváme na to, jak jsme kompletně provedli „upgrade“ CENTRUM-VZDĚLÁVÁNÍ.CZ. Co to vlastně znamená – upgrade? No upřímně nevědeli jsme, jak celou akci pojmenovat, protože se jednalo o několik po sobě jdoucích kroků, kdy jsme v podstatě všechny části CENTRUM-VZDĚLÁVÁNÍ.CZ přepracovali, vylepšili a poslali do světa.

Informační systém – webová aplikace

Pojdme si tento posun představit chronologicky. Nejprve nastal upgrade firemního infromačního systému – webové aplikace, který funguje jako středobod společnosti, protože slouží jak pro správu jejich produktů, což jsou vzdělávací kurzy, tak i pro e-mail komunikaci a cloudové úložiště. Informace o poslední verzi webové aplikace ISCV jsme zveřejnili v referencí – můžete se na to podívat.

CENTRUM-VZDĚLÁVÁNÍ.CZ - informační systém - webová aplikace
Ukázka informačního systému – webové aplikace pro správu vzdělávacích kurzů – jak Dark tak Light verze

Informační systém pro CENTRUM-VZDĚLÁVÁNÍ.CZ jsme vypustili do světa v lednu 2021 a byl to první krok k celkovému upgrade. Poté následoval upgrade vizuální identity, tzn. zmodernizovat logo, barvy, fonty a celkově vizuál, který jsme chtěli posunout více k modernějšímu pojetí s gradienty a isomorfními prvky.

Nové logo a vizuál

upgrade centrum-vzdělávání.cz nové logo - nový vizuál
Ukázka nového vizuálu

Na obrázku výše můžete vidět, že v případě loga se nejedná o revoluci, ale spíše evoluci, kdy jsme základní rozložení loga zachovali, ale pouze zaobalili postavičky do kruhu. Jeden z důvodů pro evoluci než revoluci je to, že chceme zachovat přímou návaznost na předchozí logo tak, abychom pokračovali v brandu. Tak, abychom si zachovali přízen zákazníků a ti poznali náš brand. Potom jsme mírně ztmavili barvy a přidali přechod z jedné do druhé barvy (gradient) tak, jak je to dnes moderní. Předchozí font Roboto jsme nahradili za „trendy“ Raleway. K tomu jsme přidali font pro běžný text Nunito.

Webové stránky

Poté, když jsme měli ujasněný nový grafický vizuál, tak jsme se mohli vrhnout do přestavby webových stránek, což představovalo několik webů:

Každá webová stránka vznikla v jiném čase, takže to nepůsobilo plně synchronizovaným dojmem, že se jedná o jednu společnost. Rozhodli jsme se změnit i princip, jak většina webů funguje, a tak jsme vytvořili multisite web, který pokrývá většinu webů až na e-learning – ten jsme nechali samostatně. Více o multisite wordpress webu si můžete přečíst v našem článku – Jak na multisite na WordPressu?. Takže jsme vytvořili postupně úplně znovu většinu webových stránek tak, abychom využili výhod multisite webu a zároveň prošli všechny weby, všechny obsahy a sjednotili vše, co bylo potřeba. Také to byla výborná revize, kdy se „vyházelo“ to, co již nebylo aktuální a nepočítalo se s tím v budoucnu. Weby jsme trochu pročistili, ale zároveň přidali i nový obsah.

Celkově tato přestavba webových stránek trvala 3 měsíce. Jen pro přestavu – bylo potřeba převést všechny články do nového formátu. Myšleno ve smyslu, aby náhledový obrázek byl v novém grafickém stylu. Celkově jsme se dostali na 280 článků, které bylo potřeba převést a upravit. Pokud byste chtěli něco takového realizovat, tak je potřeba si to dobře rozmyslet, protože nevypadá moc dobře, když se vám míchají staré a nové styly, ale současně chcete udržet i historické články, protože vám stále přivádí návštěvnost typicky přes vyhledávače. Takže je vždy potřeba u takových úprav pamatovat na SEO zásady a doporučení.

centrum-vzdělávání.cz - webové stránky - design
Webové stránky – centrum-vzdělávání.cz

Kromě samotných webových stránek, bylo potřeba přepracovat i wordpress plugin, který jsme vytvářeli na míru. V rámci tohoto pluginu, který zobrazuje data z firemního informačního systému, resp. z jejich API, bylo potřeba provézt několik změn strukturálních, ale také grafických. Kdy jsme chtěli uživatelům zjednodušit a zpříjemnit při výběru jejich termínu vzdělávacího kurzu či školení.

Další oblasti

Když jsme měli webové stránky hotové v novém kabátu, tak jsme se vrhli na další oblasti, kde se zobrazuje náš vizuál. V takových případech je dobré si udělat jednoduchý seznam, kde všude máte vaše loga nebo jiné grafické prvky. Náš seznam pro CENTRUM-VZDĚLÁVÁNÍ.CZ vypadal takto:

  • Google Ads – grafické reklamy
  • Seznam Sklik – grafické reklamy – hlavně branding kampaň
  • MailChimp – vizuální styl maillingu
  • Sociální sítě – Facebook, Twitter, LinkedIn a Instagram
  • Google Moje firma
  • Seznam Firmy.cz
  • Spolupracující společnost – např. Evzdělávání, kde se zobrazují kurzy CENTRUM-VZDĚLÁVÁNÍ.CZ
  • E-mailová patička
  • Informační systém
  • Slack

Určitě jsme na něco zapomněli, ale myslím, že drtivou většinu jsme pokryli. Další věci, které v rámci upgrade designu společnosti CENTRUM-VZDĚLÁVÁNÍ.CZ byly potřeba aktualizovat, byly samozřejmě vizitky, letáčky a prezentace.

Shrnutí

Pokud bychom shrnuli celkový čas, který jsme strávili na upgrade brandu CENTRUM-VZDĚLÁVÁNÍ.CZ, tak se dostaneme na 3 měsíce tvorby infromačního systému – webové aplikace, 1 měsíc grafických prací, 3 měsíce přestavby webových stránek. Rozhodně se nejednalo o jednoduchý projekt, ale dle různých reakcí se povedl – a to jak podle uživatelů IS nebo zákazníků, kteří využívají webové stránky, se výsledek povedl.

Digitální marketing, Webové aplikace, Webové stránky, WordPress pluginy, Zajímavosti
Centrum-vzdělávání.cz, Informační systém, , SEO, Webová aplikace, Webové stránky, WordPress
Jaký frontend framework zvolit?
Co si připravit před tvorbou nového webu?