Redesign a optimalizace webu se zachováním webdesignu

Zaměření webu:

Řešen/a:

Od záplat k systémovému řešení

Původní web trpěl řadou technických problémů - nefunkční menu na některých stránkách, polofunkční anglická verze a extrémně pomalé načítání. Místo dalšího "lepení" jsem zvolil kompletní přestavbu při co největší míře zachování designu. Přechod z Elementoru na Oxygen builder, odstranění zbytečných pluginů nebo jejich náhrada kousky kódu přinesly dramatické zlepšení výkonu.

Program a rezervace na míru

Vytvořil jsem vlastní plugin pro správu programu a rezervací, které řeší zobrazování programu a filtraci v něm. Repertoár je řešen jako custom post type, ke kterému se přiřazují jednotlivá představení.

Snímek obrazovky webu Divadla Radost - divadelní program se seznamem představení na únor. Zobrazená také filtrace březen, duben, květen. — Výpis programu s filtrací podle měsíců

Akce pro jednotlivé hry lze filtrovat dle:

Měsíců (vždy pro následující kvartál) pomocí JavaScriptu.
Na homepage se vždy zobrazují jen tři nejbližší představení z programu.
U každé hry v repertoáru jsou vidět tři nejbližší termíny dané hry.

Napojení na prodej vstupenek je flexibilní - odkazy lze spravovat v administraci pro každý termín zvlášť.

Řazení repertoáru

Kromě řazení repertoáru dle abecedy je implementována i verze řazení podle nejčastěji hraných her. Při každém přidání/úpravě termínu hry se četnosti, které jsou použité pro řazení repertoáru, přepočítávají.

Snímek obrazovky z repertoáru s třemi představeními: 'Operky', 'A pak se to stalo!' a 'Mimini divadlo: Lesní fantazie'. Každé představení má fotografii ze scény, název, věkové doporučení a odkaz 'Více zde'. Všechna představení jsou určena pro děti. — Výpis her v repertoáru

Specifická řešení pro divadlo

Web obsahuje několik specializovaných sekcí - program, program pro školy a školky, workshopy, a přehled herců.

Každá sekce má vlastní logiku zobrazování, ale všechny jsou postaveny na stejném základu custom post types a taxonomiích. To umožňuje jednoduchou správu a konzistentní zobrazování napříč webem.

Na následujících obrázcích je zobrazeno, jak vypadají výpisu herců, detail medailonků a jejich administrace.

Snímek obrazovky z tvorby webu sekce 'Herci' divadelního souboru. Zobrazeny čtyři skupiny herců v růžově orámovaných fotografiích: David Janík, Eliška Borisová, Gabriel Kulíšek a Hana Kučová. Každý herec je zachycen v profesionálním portrétu na fialovém pozadí. — Zobrazení herců ve výpisu na stránce

Snímek obrazovky profilu herečky Elišky Borisové. Obsahuje její fotografii, jméno a informace o působení v divadle Radost od 2023, aktuální inscenace, oblíbené a vysněné role. V dolní části jsou odkazy 'Více o mně' a 'Fotogalerie'. — Zobrazení části medailonků herců při rozkliku

Snímek obrazovky administrativního rozhraní pro správu profilu herečky. Zobrazuje sekci 'medailonky - herci' s fotografií Elišky Borisové a formulářovými poli pro editaci informací jako 'V Radosti od' a 'Aktuální role' s vyplněným seznamem divadelních představení. — Pohled do části administrace medailonku herců

Technická optimalizace

Redukce velikosti homepage z 32 MB na zlomek původní velikosti
Optimalizace obrázků a převod GIFů do formátu AVIF
Implementace cache, zabezpečení webu
Napojení na e-mailový marketing
Zprovoznění anglické verze

Stabilní základ pro další rozvoj

Proběhla kompletní přestavba s důrazem na výkon a udržitelnost s co největší snahou o zachování původního webdesignu. Divadlo teď má stabilní základ pro další rozvoj webu, na kterém po krůčcích dále pracujeme.

Potřebuješ optimalizovat existující web?

Rád ti pomůžu:

Výrazně zrychlit načítání
Zachovat (nebo překopat, jak je libo) současný design
Implementovat chybějící funkce
Připravit web na budoucí rozvoj

Pojďme probrat, jak by mohl web lépe sloužit tvým potřebám.

Reference

Spolupráce s panem Tomášem Shejbalem při tvorbě a správě našeho webu v Divadle Radost hodnotím jako velmi pozitivní. Od začátku naší spolupráce nám pan Shejbal pomohl s celkovou proměnou našeho webu, který byl následně upraven tak, aby byl nejen technicky kvalitní, ale především uživatelsky přívětivý. Díky jeho odbornosti a kreativnímu přístupu jsme dosáhli výsledku, který dokonale odpovídá našim potřebám a představám. Pan Shejbal nám neustále pomáhá web zdokonalovat a reaguje na naše návrhy s maximální flexibilitou. Každý nápad, který jsme měli, byl schopen realizovat a často nám i sám navrhl další vylepšení. Tento proaktivní přístup je pro nás velkým přínosem. Komunikace s panem Shejbalem je vždy rychlá a vstřícná. Za nás tedy rozhodně doporučujeme pana Shejbala každému, kdo hledá kvalitního a spolehlivého odborníka na tvorbu a správu webů.

Mgr. Michaela Figalová

manažerka PR a marketingu

Pojďme to probrat