Když školní web začne konečně fungovat

Přehledný, moderní web, který usnadňuje práci učitelům a orientaci rodičům. Přečtěte si, jak jsme ZŠ a MŠ Libchavy pomohli vytvořit web, který skutečně funguje.

Každá škola má web. Ne každá má funkční web. Pro ZŠ a MŠ Libchavy jsme vytvořili kompletní webové řešení, které rodiče naviguje, učitelům šetří čas a škole buduje důvěryhodnou digitální identitu.

KlientZákladní škola a mateřská škola Libchavy
Webzslibchavy.cz
ŘeditelkaMgr. Veronika Vaňousová
RozsahZŠ Libchavy, MŠ Korálek, MŠ Kamarád, školní družina, školní jídelna
SlužbyUX/UI design · SEO copywriting · vývoj (11ty, Tailwind CSS, Decap CMS) · nasazení (Netlify)
Klíčová integraceGoogle Classroom, Google Disk, správa účtů školní jídelny

Výzva: Web, který brzdil místo pomáhal

Stará verze webu ZŠ Libchavy nepůsobila špatně. Problém byl jemnější a proto zákeřnější.

Obsah postupně narůstal. Struktura se komplikovala. Rodiče se proklikávali navzájem si podobnými stránkami a nenacházeli to, co hledali. Výsledkem byly e-maily a telefony, které se daly eliminovat dobře postavenou navigací.

Situaci dále komplikovala závislost na externím dodavateli: každá aktualizace, každá fotka, každý nový dokument – vše muselo jít přes třetí stranu. Pro vedení školy to znamenalo ztrátu kontroly, flexibility a drahocenného času.

Co říkala paní ředitelka:

  • Potřeba inovace a modernizace webu – změna potřeb školy.
  • Přílišná rozsáhlost webu, obtížnější orientace.
  • Možnost aktualizace fotografií.
  • Komplikovaná správa webu prostřednictvím externího dodavatele.

Přístup: Nejprve struktura, až potom grafika

V coalmarketingu nezačínáme barvami. Začínáme otázkami.

Kdo web používá? Co na něm hledá? V jaké situaci?

Teprve když jsme si ujasnili logiku používání, navrhli jsme novou informační architekturu. Web musel pokrýt celou organizaci – ZŠ Libchavy, MŠ Korálek, MŠ Kamarád, školní družinu a školní jídelnu, aniž by se stal nepřehledným bludištěm.

Řešením bylo sloučit opakující se informace (seznamy zaměstnanců, dokumenty, projekty) do centrálních stránek s využitím kotvení (anchor pointů) a rozcestníků. Každá část organizace má vlastní prostor, ale celek tvoří jeden konzistentní, dobře navigovatelný web.

Technické řešení: Rychlost, bezpečnost, nezávislost

Klíčovým požadavkem bylo, aby škola mohla web spravovat sama – bez vývojáře, bez čekání, bez zbytečné závislosti.

Technologický stack byl zvolen s ohledem na výkon, bezpečnost a dlouhodobou udržitelnost:

  • 11ty (Eleventy) – statický generátor zajišťující rychlost a odolnost vůči útokům.
  • Tailwind CSS – responzivní design přizpůsobený mobilům, tabletům i počítačům.
  • Decap CMS – uživatelsky přívětivý redakční systém napojený na Git, bez nutnosti technických znalostí.
  • Netlify – hosting, automatizované buildy a správa domény v jednom
  • @11ty/eleventy-img – optimalizace obrázků (JPEG, WebP, AVIF) pro rychlé načítání.

Web byl nasazen na platformě Netlify s napojením na Netlify Identity pro bezpečné přihlašování administrátorů.

Integrace: Chytřejší správa obsahu

Škola generuje velké množství obsahu – fotodokumentace z akcí, vzdělávací materiály, dokumenty, jídelníčky. Místo toho, aby byl veškerý obsah hostován přímo na webu, jsme navrhli efektivní hybridní řešení:

  • Google Classroom – nové místo pro učitelské nástěnky; učitelé zde sdílejí učivo, úkoly a materiály přímo se žáky.
  • Google Disk – fotogalerie na webu zobrazují pouze výběr fotografií s odkazem na složky v Google Disku, čímž web zůstává rychlý a nenáročný.
  • Správa účtů školní jídelny – klíčová integrace, která výrazně snížila administrativní zátěž vedoucí jídelny a zjednodušila cestu pro rodiče.

Průběh spolupráce: Bez chaosu, bez zbytečného spěchu

Projekt probíhal postupně a systematicky – konzultace, návrh struktury, připomínky, úpravy, testování, spuštění. Věříme, že web má sloužit roky, ne měsíce. Proto jsme odmítli zkratky.

Jednou z výzev byl přechod od původního dodavatele. Projektový manažer vedl komunikaci s bývalým správcem webu přímo – efektivně, kompetentně a bez zbytečného tření na straně klienta.

„Efektivní, kompetentní a asertivní komunikace projektového manažera s bývalým správcem webu.“
 – Mgr. Veronika Vaňousová, ředitelka ZŠ a MŠ Libchavy

Výsledky: Co se skutečně změnilo

Web byl spuštěn a zpětná vazba přišla rychle.

  • Rodiče nacházejí informace přehledně a rychle – moderní struktura oslovuje zejména mladší věkové skupiny.
  • Administrace je intuitivní: škola spravuje obsah sama, bez závislosti na externím dodavateli.
  • Integrace správy školní jídelny snížila administrativní zátěž a zjednodušila komunikaci s rodiči
  • Vizuální identita webu – barevnost a struktura: získala pozitivní ohlasy od rodičů i zřizovatele.

„Spolupráce s týmem firmy coalsoft při tvorbě nových webových stránek školy byla velmi příjemná díky jejich vstřícnému a ochotnému jednání i upřímné snaze ušít celý web na míru potřebám naší školy.“
 – Mgr. Veronika Vaňousová, ředitelka ZŠ a MŠ Libchavy

Přehledný, moderní web, který usnadňuje práci učitelům a orientaci rodičům. Přečtěte si, jak jsme ZŠ a MŠ Libchavy pomohli vytvořit web, který skutečně funguje.

Proč to funguje? Design, který podporuje obsah

Škola nepotřebovala efektní animace. Potřebovala důvěru.

Vizuál jsme proto postavili na čistotě, čitelnosti a klidném rytmu. Web je moderní, ale ne agresivní. Přehledný, ale ne přeplněný. Výsledkem je design, který podporuje obsah – místo aby s ním soupeřil.

Váš web také přestal sloužit?

Ať už jste škola, výrobní firma nebo organizace, která cítí, že její web neodpovídá realitě, rádi se s vámi nezávazně pobavíme.

Neprodáváme šablony. Navrhujeme řešení.

👉 Napište nám nebo si rezervujte bezplatnou konzultaci.

Přejít nahoru