Univerzitka Brno - soukromá matřeská škola
Univerzitka Brno - soukromá matřeská škola

Webové stránky

WordPress

Uložit

Univerzitka Brno - soukromá matřeská škola

Webové stránky pro Univerzitku Brno

Soukromá mateřská škola v BrněUniverzitka se na nás prostřednictvím jedné z jejich spolumajitelek paní Douděrové obrátila s žádostí pomoci s jejich webovými stránkami. Jejich původní webové stránky si vytvořili sami před 5 lety, když rozjížděli svoji školku v Brně. A původní stránky přestaly stačit jejich potřebám. Dalším problémem bylo i to, že webové stránky nebyly profesionálně vytvořené, takže jim postupem času přestala fungovat fotogalerie z důvodu velkého množství fotek, které dávali na svůj web. Takže přišel byl čas na to udělat stránky pořádně a zpracovat je tak, aby Univerzitce web pomáhal a ne „škodil“.

Webové stránky Univerzitka.cz

Podívejte se na výsledné webové stránky, které jsem pro Univerzitku v Brně zrealizovali. Dle prvních slov maminek, který web vyděly, tak „lepší webové stránky mateřské školy neviděli“ a za to jsme velmi rádi. Když je web nejen funkční, ale také potěší oko uživatele webu.

Historická data

Jedním z prvních požadavků hned při první schůzce bylo, že musí být zachována všechna data. Pro představu to bylo cca 2 000 fotografií a 500 článků. Takže to byla pořádná porce dat, které se musely nejen přetáhnout, ale také „zaktualizovat„. Tím, že jsme se rozhodli u tohoto webu použít nový formát WebP pro obrázky, tak jsme museli všechny obrázky nejen „přetáhnout“, ale také převést do nového rychlého formátu WebP. Nakonec se nám podařilo vytvořit fungující systém, kdy nyní fotogalerie obsahuje velké množství obrázků, ale nijak to neovlivňuje chod webových stránek.

Další na řadě byly články – zde to byl celkem oříšek, protože jsme se v rámci tvorby webových stránek pro Univerzitku v Brně rozhodli celkový vzhled trochu „občerstvit“. Tak jsme vymysleli novou šablonu pro náhledové obrázky pro články. Tato šablona se pak musela aplikovat na všechny staré články – přesněji řečeno, museli jsme vygenerovat nové náhledové obrázky pro všechny staré články. Ale nyní se domníváme, že výsledek opravdu stojí za to.

Práce s obrázky

Zde se ještě zastavíme u práce s obrázky na webových stránkách. V redakčním systému WordPress je výchozím stavem galerie obrázků (neboli uložiště pro obrázky) takové, že neobsahuje složky. To byla první věc, kterou jsme do webu Univerzitky přidali, protože nám bylo jasné, že velký počet obrázků/fotek bude potřebovat trochu „systém“.

Dalším krokem bylo použití nového formátu pro obrázky WebP, který je velmi „kompresní“ a tím má soubor s fotografií malou velikost. A malá velikost souboru se většinou rovná rychlé načtení souboru, což je něco, co prostě chcete. Ale  má to i své úskalí, protože WebP zatím není podporován na Safari. Takže je potřeba zajistit, aby se na Chrome a Firefoxu mohly zobrazovat WebP obrázky, ale na Safari původní obrázky PNG/JPG.

No a poslední věcí, která prospěla celému webu je, „lazy-loading“ neboli, že se načítají pouze obrázky, které jsou viditelné. Takže ty obrázky, ke kterým musíte nějakou dobu „scrolovat„, se načtou až jsou potřeba.

Realizace

Leden – Červen 2020

Kontaktní osoba

Mgr. Eva Douděrová,
ředitelka a spolumajitelka

Pro naší školku – Univerzitka – jsme chtěli po 5 letech nový web. Spolupraci s VisionsLabs resp. s panem Podmolíkem hodnotím jako velmi profesionálni a kvalitní. Komunikace velmi rychlá, všem našim požadavkům bylo okamžitě vyhověno. Efektivně jsme vzájemně pracovali na řešeních a editaci našeho webu. Výsledná práce skvělá, určitě mohu doporučit! A nejlepší bylo, že ihned po zveřejnění se nám ozvaly maminky, že hezčí web pro školku neviděly.

Mgr. Eva Douděrová
ředitelka Univerzitky

Další reference