ZŠ Dědina
ZŠ Dědina je pražská základní škola s rozšířenou výukou jazyků, výtvarné výchovy a s waldorfskými třídami. Škola poskytuje kvalitní vzdělání od roku 1983 a zaměřuje se na všestranný rozvoj svých žáků s důrazem na individuální přístup.
Klientské zadání
Původní webové stránky školy již nesplňovaly moderní standardy a potřeby instituce. Hlavními problémy byly:
- Zastaralý design, který nepůsobil reprezentativně
- Nepřehledná struktura informací, která komplikovala orientaci rodičům i žákům
- Omezené možnosti správy obsahu pro zaměstnance školy
- Nedostatečná optimalizace pro mobilní zařízení
- Chybějící integrace se školním informačním systémem
Vedení školy si přálo moderní, přehledné a uživatelsky přívětivé stránky, které by odpovídaly charakteru školy a zároveň splňovaly všechny požadavky na školní web v 21. století.
Řešení a technické provedení
Pro nový web školy jsme zvolili redakční systém WordPress, který jsme upravili na míru potřebám vzdělávací instituce s pokročilými technickými prvky:
- Responzivní design respektující identitu školy s barevným schématem odpovídajícím logu školy
- Intuitivní navigační struktura s rozdělením obsahu podle cílových skupin
- Dynamická slideshow na úvodní stránce s náhodně generovanými fotografiemi ze života školy
- Animované postavičky žáků pohybující se v závislosti na scrollování stránky
- Asynchronní načítání aktualit pomocí AJAX pro rychlejší odezvu stránek
- Zobrazení tříd s filtrováním podle ročníků a interaktivními animovanými kartičkami
- Vlastní administrační rozhraní umožňující snadnou správu obsahu i méně technicky zdatným uživatelům
- Systém pro stahování dokumentů s filtrovacími možnostmi
- Fotogalerie s lightboxem
- Zabezpečená sekce pro učitele s přístupem k interním materiálům
Responzivní navigace
Navigace s rozdělením obsahu podle cílových skupin (žáci, rodiče, uchazeči). Pokročilé responzivní menu s rozbalovacími sekcemi a optimalizací pro mobilní zařízení. Na větších obrazovkách se podmenu otevírá vedle hlavního menu, zatímco na mobilních zařízeních překryje celou obrazovku pro lepší čitelnost.
Animace postaviček
Animované postavičky žáků pohybující se v závislosti na scrollování stránky. Prvky jsou zpočátku skryté a zobrazí se až při scrollu, což zajišťuje plynulé načítání. Využívá knihovnu Lenis pro hladký pohyb a je optimalizováno pro všechna zařízení. Postavičky se postupně posouvají ze stran ke středu, čímž oživují webové stránky školy.
Filtrování ročníků
Funkce filtrování obsahu podle ročníku umožňuje najít konkrétní třídu. Rozbalovací menu nabízí snadný výběr ročníku, po jehož zvolení se obsah stránky okamžitě aktualizuje bez nutnosti obnovení. Jednotlivé kartičky tříd jsou náhodně animované s různým náklonem a pozicí, což dodává stránce dynamický a hravý vzhled.
Galerie & lightbox
Fotogalerie s funkcí Lightbox umožňující plynulé prohlížení fotografií v plné velikosti s intuitivní navigací.
