Jak vznikal web 30 let Senátu. Když se z návrhu stane web, který bude sloužit celý výroční rok

Kulatá výročí bývají příležitostí ohlédnout se za minulostí. V případě Senátu Parlamentu České republiky ale nejsou jen připomínkou třiceti let od jeho vzniku. Letošní výroční rok přináší desítky akcí po celé republice – od výstav a koncertů přes odborné debaty až po podcastovou sérii věnovanou významným osobnostem i klíčovým okamžikům novodobé historie. Aby měl celý program společné místo, vznikl web 30 let Senátu.

Na první pohled jde o výroční microsite. Když se ale podíváte blíž, zjistíte, že její úloha je mnohem širší. Web průběžně představuje nové akce, zpřístupňuje historické materiály, propojuje podcasty, fotografie i archivní obsah a vytváří jednotný prostor, který provází návštěvníky celým výročním rokem. Není to jednorázová kampaň ani statická prezentace. Je to živý projekt, který se společně s oslavami průběžně vyvíjí.

Na jeho technické realizaci jsme se podíleli jako vývojový partner. Vizuální koncept připravilo studio kreeshadesign a naším úkolem bylo převést schválený návrh do produkčního řešení. Takového, které bude věrné designu, bude snadno spravovatelné, splní požadavky na bezpečnost a přístupnost a zvládne průběžné rozšiřování obsahu během celého roku.

Když je hotový design, práce vývojového týmu teprve začíná

Z pohledu klienta může schválený design působit jako téměř hotový web. Ve skutečnosti je to ale začátek další etapy projektu.

Grafický návrh ukazuje, jak budou stránky vypadat. Už ale neodpovídá na otázky, které rozhodují o tom, jak budou fungovat v běžném provozu. Jak budou jednotlivé komponenty reagovat na různé délky obsahu? Jak bude administrace fungovat pro editory, kteří na web průběžně přidávají nové události? Jak zachovat stejnou kvalitu zobrazení na mobilu, tabletu i velkém monitoru? A jak navrhnout řešení tak, aby bylo možné web dál rozvíjet bez složitých zásahů do kódu?

Právě tady začíná práce vývojového týmu.

Projekt webu 30 let Senátu měl navíc jednu specifickou vlastnost. Zadání se během realizace dál vyvíjelo. Obsah vznikal průběžně, některé části se upřesňovaly až během implementace a finální úpravy přicházely krátce před spuštěním. To není u podobných projektů nic výjimečného, ale klade to vysoké nároky na komunikaci mezi všemi zapojenými stranami.

Jak během rozhovoru popsal projektový manažer Jan Kalvoda:

Největší výzvou nakonec nebyla samotná technologie, ale schopnost reagovat na průběžné změny a současně dodržet termín spuštění.

Technologie není cíl. Je to prostředek.

Na realizaci projektu jsme měli necelé tři měsíce.

Takový harmonogram ovlivňuje každé technické rozhodnutí. Není prostor experimentovat nebo stavět řešení, které bude zbytečně složité. Důležité je zvolit technologii, která odpovídá charakteru projektu a umožní soustředit energii tam, kde přináší největší hodnotu.

Proto jsme zvolili WordPress.

Ne proto, že bychom jej považovali za správnou volbu pro každý projekt. Naopak. Každé řešení vybíráme podle konkrétního zadání. V tomto případě ale WordPress umožnil rychlou implementaci, jednoduchou správu obsahu i dostatek prostoru pro vývoj vlastních funkcionalit. Díky tomu jsme nemuseli řešit problémy, které už mají spolehlivé řešení, a mohli jsme se věnovat částem, které byly pro tento projekt skutečně specifické.

Volba technologie je často méně viditelná než samotný design. Přesto právě ona významně ovlivňuje budoucí správu webu, rychlost jeho rozvoje i celkové náklady na provoz.

Nejvíc práce bývá schované v detailech

Dominantou webu je interaktivní časová osa, která návštěvníka provází třiceti lety historie Senátu. Přirozeně propojuje historické události, fotografie i další obsah a tvoří osu celého příběhu.

Právě tento prvek byl z pohledu vývoje nejnáročnější.

Na první pohled působí jednoduše. Uživatel se plynule pohybuje mezi jednotlivými obdobími a všechno funguje intuitivně. Aby ale podobný prvek fungoval stejně dobře i v administraci, nestačí využít běžné komponenty redakčního systému.

Timeline proto vznikla jako vlastní řešení. Bylo potřeba navrhnout způsob správy jednotlivých událostí, propojit jej s frontendem a zachovat plynulé animace i při různých velikostech obrazovky. Každá změna obsahu přitom musí být pro editory jednoduchá a nesmí narušit celkovou logiku stránky.

Právě podobné funkcionality ukazují, že kvalitní vývoj není jen o přepsání návrhu do HTML. Je o hledání způsobu, jak zachovat designový záměr a současně vytvořit řešení, které bude dlouhodobě udržitelné.

Web, který se mění společně s výročním rokem

Výroční microsite obvykle vznikají jako jednorázové projekty. Po spuštění se obsah už příliš nemění.

Web 30 let Senátu funguje jinak.

Po celý letošní rok na něm přibývají nové akce, podcasty, fotografie i další materiály. Administrace proto musela být navržena tak, aby s ní mohl tým Senátu pracovat samostatně. Cílem nebylo vytvořit systém, který bude závislý na vývojářích při každé drobné změně, ale prostředí, ve kterém mohou editoři pohodlně spravovat obsah sami.

Stejnou pozornost jsme věnovali také technickému provozu. Projekt běží v prostředí veřejné instituce, kde jsou bezpečnostní požadavky samozřejmostí. Při implementaci jsme proto pracovali pouze s ověřenými komponentami a počítali s tím, že web bude procházet bezpečnostními kontrolami i po spuštění. Návrh současně respektoval požadavky na přístupnost podle standardu WCAG a při vývoji jsme na něj navázali.

Dobrý výsledek je vždy společná práce

Na podobných projektech se potkává několik různých profesí. Designéři navrhují podobu webu. Klient připravuje obsah a stanovuje cíle projektu. Vývojový tým hledá způsob, jak všechno propojit do jednoho funkčního celku.

U webu 30 let Senátu to platilo dvojnásob. Vizuální koncept připravilo studio kreeshadesign, obsah vznikal ve spolupráci s Kanceláří Senátu a jeho odborem komunikace a naším úkolem bylo všechny části propojit tak, aby fungovaly jako jeden celek.

Právě tato spolupráce podle nás rozhoduje o úspěchu podobných projektů mnohem více než samotná technologie.

Sebelepší návrh totiž nestačí, pokud jej nelze převést do dobře fungujícího produktu. Stejně tak kvalitní technické řešení samo o sobě nezachrání projekt, pokud není postavené na promyšleném obsahu a dobrém designu.

Co si z projektu odnášíme

Web 30 let Senátu je z našeho pohledu zajímavý hlavně tím, že ukazuje často neviditelnou část vývoje. Návštěvník vidí hotové stránky. Nevidí už stovky drobných rozhodnutí, která bylo potřeba udělat během implementace.

Jak navrhnout administraci. Jak zachovat kvalitu návrhu na všech zařízeních. Jak zajistit bezpečnost. Jak připravit web na průběžné doplňování obsahu. A jak všechno zvládnout v krátkém termínu, kdy se zadání ještě průběžně vyvíjí.

Právě podobné projekty nám připomínají, že vývoj webu není jen o psaní kódu. Je především o hledání řešení, která budou dobře fungovat nejen v den spuštění, ale i po měsících každodenního provozu.

To je role, kterou na projektech přebíráme nejraději. Převést kvalitní návrh do řešení, které bude spolehlivé, snadno spravovatelné a připravené na reálné používání.