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

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

V tomto článku sa pozrieme na to, ako sme kompletne vykonali „upgrade“ CENTRUM-VZDĚLÁVÁNÍ.CZ. Čo to vlastne znamená – upgrade? No úprimne nevedeli sme, ako celú akciu pomenovať, pretože išlo o niekoľko po sebe idúcich krokov, kedy sme v podstate všetky časti CENTRUM-VZDĚLÁVÁNÍ.CZ prepracovali, vylepšili a poslali do sveta.

Informačný systém – webová aplikácia

Poďme si tento posun predstaviť chronologicky. Najprv nastal upgrade firemného infromačného systému – webové aplikácie, ktorý funguje ako stredobod spoločnosti, pretože slúži ako na správu ich produktov , Čo sú vzdelávacie kurzy, tak aj pre e-mail komunikáciu a cloudové úložisko. Informácie o poslednej verzii webovej aplikácie ISCV sme zverejnili v referencií – môžete sa na to pozrieť.

CENTRUM-VZDELÁVÁNÍ.CZ - informačný systém - webová aplikácia
Ukážka informačného systému – webové aplikácie pre správu vzdelávacích kurzov – ako Dark tak Light verzia

Informačný systém pre CENTRUM-VZDĚLÁVÁNÍ.CZ sme vypustili do sveta v januári 2021 a bol to prvý krok k celkovému upgrade. Potom nasledoval upgrade vizuálnej identity, tzn. zmodernizovať logo, farby, fonty a celkovo vizuál, ktorý sme chceli posunúť viac k modernejšiemu poňatiu s gradientmi a izomorfnými prvkami.

Nové logo a vizuál

upgrade centrum-vzdelávanie.sk nové logo - nový vizuál
Ukážka nového vizuálu

Na obrázku vyššie môžete vidieť, že v prípade loga sa nejedná o revolúciu, ale skôr evolúciu, kedy sme základné rozloženie loga zachovali, ale iba zaobalili postavičky do kruhu. Jeden z dôvodov pre evolúciu ako revolúciu je to, že chceme zachovať priamu nadväznosť na predchádzajúce logo tak, aby sme pokračovali v brande. Tak, aby sme si zachovali priazeň zákazníkov a tí spoznali náš brand. Potom sme mierne stmavili farby a pridali prechod z jednej do druhej farby (gradient) tak, ako je to dnes moderné. Predchádzajúce font Roboto sme nahradili za „trendy“ Raleway. K tomu sme pridali font pre bežný text Nunito.

Webové stránky

Potom, keď sme mali ujasnený nový grafický vizuál, tak sme sa mohli vrhnúť do prestavby webových stránok, čo predstavovalo niekoľko webov:

Každá webová stránka vznikla v inom čase, takže to nepôsobilo plne synchronizovaným dojmom, že ide o jednu spoločnosť. Rozhodli sme sa zmeniť aj princíp, ako väčšina webov funguje, a tak sme vytvorili multisite web, ktorý pokrýva väčšinu webov až na e-learning – ten sme nechali samostatne. Viac o multisite wordpress webe si môžete prečítať v našom článku – Ako na multisite na WordPresse?. Takže sme vytvorili postupne úplne znova väčšinu webových stránok tak, aby sme využili výhody multisite webu a zároveň prešli všetky weby, všetky obsahy a zjednotili všetko, čo bolo potrebné. Tiež to bola výborná revízia, kedy sa „vyhádzalo“ to, čo už nebolo aktuálne a nepočítalo sa s tým v budúcnosti. Weby sme trochu prečistili, ale zároveň pridali aj nový obsah.

Celkovo táto prestavba webových stránok trvala 3 mesiace. Len pre prestavu – bolo potrebné previesť všetky články do nového formátu. Myslené v zmysle, aby náhľadový obrázok bol v novom grafickom štýle. Celkovo sme sa dostali na 280 článkov, ktoré bolo potrebné previesť a upraviť. Ak by ste chceli niečo také realizovať, tak je potrebné si to dobre rozmyslieť, pretože nevyzerá veľmi dobre, keď sa vám miešajú staré a nové štýly, ale súčasne chcete udržať aj historické články, pretože vám stále privádza návštevnosť typicky cez vyhľadávače. Takže je vždy potrebné pri takýchto úpravách pamätať na SEO zásady a odporúčania.

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

Okrem samotných webových stránok, bolo potrebné prepracovať aj wordpress plugin, ktorý sme vytvárali na mieru. V rámci tohto pluginu, ktorý zobrazuje dáta z firemného informačného systému, resp. z ich API, bolo potrebné vykonať niekoľko zmien štrukturálnych, ale aj grafických. Kedy sme chceli používateľom zjednodušiť a spríjemniť pri výbere ich termínu vzdelávacieho kurzu či školenia.

Ďalšie oblasti

Keď sme mali webové stránky hotové v novom kabáte, tak sme sa vrhli na ďalšie oblasti, kde sa zobrazuje náš vizuál. V takých prípadoch je dobré si urobiť jednoduchý zoznam, kde všade máte vaše logá alebo iné grafické prvky. Náš zoznam pre CENTRUM-VZDELÁVÁNÍ.CZ vyzeral takto:

  • Google Ads – grafické reklamy
  • Zoznam Sklik – grafické reklamy – hlavne branding kampaň
  • MailChimp – vizuálny štýl maillingu
  • Sociálne siete – Facebook, Twitter, LinkedIn a Instagram
  • Google Moje firma
  • Seznam Firmy.cz
  • Spolupracujúca spoločnosť – napr. Evzdělávání, kde sa zobrazujú kurzy CENTRUM-VZDĚLÁVÁNÍ.CZ
  • E-mailová pätička
  • Informačný systém
  • Slack

Určite sme na niečo zabudli, ale myslím, že drvivú väčšinu sme pokryli. Ďalšie veci, ktoré v rámci upgrade designu spoločnosti CENTRUM-VZDELÁVÁNÍ.CZ boli potrebné aktualizovať, boli samozrejme vizitky, letáčiky a prezentácie.

Zhrnutie

Pokiaľ by sme zhrnuli celkový čas, ktorý sme strávili na upgrade brandu CENTRUM-VZDELÁVÁNÍ.CZ, tak sa dostaneme na 3 mesiace tvorby infromačného systému – webové aplikácie, 1 mesiac grafických prác, 3 mesiace prestavby webových stránok. Rozhodne sa nejednalo o jednoduchý projekt, ale podľa rôznych reakcií sa vydaril – a to ako podľa užívateľov IS alebo zákazníkov, ktorí využívajú webové stránky, sa výsledok vydaril.

Digitálny marketing, Webové aplikácie, Webové stránky, WordPress pluginy, Zaujímavosti
Centrum-vzdělávání.cz, Informačný systém, Logo, SEO, Webová aplikácia, Webové stránky, WordPress
Aký frontend framework zvoliť?
Čo si pripraviť pred tvorbou nového webu?