Ako vznikal web 30 let Senátu. Keď sa z návrhu stane web, ktorý bude slúžiť celý výročný rok

Ako vznikal web 30 let Senátu.

Keď sa z návrhu stane web, ktorý bude slúžiť celý výročný rok

Okrúhle výročia bývajú príležitosťou obzrieť sa za minulosťou. V prípade Senátu Parlamentu Českej republiky však nie sú len pripomienkou tridsiatich rokov od jeho vzniku. Tohtoročný výročný rok prináša množstvo podujatí, ktoré sa konajú predovšetkým v sídle Senátu – od výstav a koncertov cez odborné debaty až po podcastovú sériu venovanú významným osobnostiam aj kľúčovým okamihom novodobej histórie. Aby mal celý program spoločné miesto, vznikol web 30 let Senátu.

Na prvý pohľad ide o výročnú microsite. Keď sa však pozriete bližšie, zistíte, že jej úloha je oveľa širšia. Web priebežne predstavuje nové podujatia, sprístupňuje historické materiály, prepája podcasty, fotografie aj archívny obsah a vytvára jednotný priestor, ktorý sprevádza návštevníkov celým výročným rokom. Nie je to jednorazová kampaň ani statická prezentácia. Je to živý projekt, ktorý sa spoločne s výročným programom priebežne vyvíja.

Na jeho technickej realizácii sme sa podieľali ako vývojový partner. Vizuálny koncept pripravilo štúdio kreeshadesign a našou úlohou bolo previesť schválený návrh do produkčného riešenia. Takého, ktoré bude verné dizajnu, bude sa ľahko spravovať, splní požiadavky na bezpečnosť a prístupnosť a zvládne priebežné rozširovanie obsahu počas celého roka.

Keď je hotový dizajn, práca vývojového tímu sa ešte len začína

Z pohľadu klienta môže schválený dizajn pôsobiť ako takmer hotový web. V skutočnosti je to však začiatok ďalšej etapy projektu.

Grafický návrh ukazuje, ako budú stránky vyzerať. Už však neodpovedá na otázky, ktoré rozhodujú o tom, ako budú fungovať v bežnej prevádzke. Ako budú jednotlivé komponenty reagovať na rôzne dĺžky obsahu? Ako bude administrácia fungovať pre editorov, ktorí na web priebežne pridávajú nové udalosti? Ako zachovať rovnakú kvalitu zobrazenia na mobile, tablete aj veľkom monitore? A ako navrhnúť riešenie tak, aby bolo možné web ďalej rozvíjať bez zložitých zásahov do kódu? Práve tu sa začína práca vývojového tímu.

Projekt webu 30 let Senátu mal navyše jednu špecifickú vlastnosť. Zadanie sa počas realizácie ďalej vyvíjalo. Obsah vznikal priebežne, niektoré časti sa spresňovali až počas implementácie a finálne úpravy prichádzali krátko pred spustením. Pri podobných projektoch to nie je nič výnimočné, ale kladie to vysoké nároky na komunikáciu medzi všetkými zapojenými stranami.

Ako počas rozhovoru opísal projektový manažér Jan Kalvoda:

„Najväčšou výzvou nakoniec nebola samotná technológia, ale schopnosť reagovať na priebežné zmeny a súčasne dodržať termín spustenia.“

Technológia nie je cieľ. Je to prostriedok.

Na realizáciu projektu sme mali necelé tri mesiace. Takýto harmonogram ovplyvňuje každé technické rozhodnutie. Nie je priestor experimentovať alebo stavať riešenie, ktoré bude zbytočne zložité. Dôležité je zvoliť technológiu, ktorá zodpovedá charakteru projektu a umožní sústrediť energiu tam, kde prináša najväčšiu hodnotu. Preto sme zvolili WordPress. Nie preto, že by sme ho považovali za správnu voľbu pre každý projekt. Naopak. Každé riešenie vyberáme podľa konkrétneho zadania. V tomto prípade však WordPress umožnil rýchlu implementáciu, jednoduchú správu obsahu aj dostatok priestoru na vývoj vlastných funkcionalít. Vďaka tomu sme nemuseli riešiť problémy, ktoré už majú spoľahlivé riešenie, a mohli sme sa venovať častiam, ktoré boli pre tento projekt skutočne špecifické.

Voľba technológie je často menej viditeľná než samotný dizajn. Napriek tomu práve ona významne ovplyvňuje budúcu správu webu, rýchlosť jeho rozvoja aj celkové náklady na prevádzku.

Najviac práce býva skrytej v detailoch

Dominantou webu je interaktívna časová os, ktorá návštevníka sprevádza tridsiatimi rokmi histórie Senátu. Prirodzene prepája historické udalosti, fotografie aj ďalší obsah a tvorí os celého príbehu. Práve tento prvok bol z pohľadu vývoja najnáročnejší. Na prvý pohľad pôsobí jednoducho. Používateľ sa plynule pohybuje medzi jednotlivými obdobiami a všetko funguje intuitívne. Aby však podobný prvok fungoval rovnako dobre aj v administrácii, nestačí využiť bežné komponenty redakčného systému.

Časová os preto vznikla ako vlastné riešenie. Bolo potrebné navrhnúť spôsob správy jednotlivých udalostí, prepojiť ho s frontendom a zachovať plynulé animácie aj pri rôznych veľkostiach obrazovky. Každá zmena obsahu pritom musí byť pre editorov jednoduchá a nesmie narušiť celkovú logiku stránky.

Práve podobné funkcionality ukazujú, že kvalitný vývoj nie je len o prepísaní návrhu do HTML. Je o hľadaní spôsobu, ako zachovať dizajnový zámer a súčasne vytvoriť riešenie, ktoré bude dlhodobo udržateľné.

Web, ktorý sa mení spoločne s výročným rokom

Výročné microsites obvykle vznikajú ako jednorazové projekty. Po spustení sa obsah už príliš nemení. Web 30 let Senátu funguje inak. Po celý tento rok na ňom pribúdajú nové podujatia, podcasty, fotografie aj ďalšie materiály. Administrácia preto musela byť navrhnutá tak, aby s ňou mohol tím Senátu pracovať samostatne. Cieľom nebolo vytvoriť systém, ktorý bude závislý od vývojárov pri každej drobnej zmene, ale prostredie, v ktorom môžu editori pohodlne spravovať obsah sami.

Rovnakú pozornosť sme venovali aj technickej prevádzke. Projekt beží v prostredí verejnej inštitúcie, kde sú bezpečnostné požiadavky samozrejmosťou. Pri implementácii sme preto pracovali iba s overenými komponentmi a počítali s tým, že web bude prechádzať bezpečnostnými kontrolami aj po spustení. Návrh súčasne rešpektoval požiadavky na prístupnosť podľa štandardu WCAG a pri vývoji sme naň nadviazali.

Dobrý výsledok je vždy spoločná práca

Na podobných projektoch sa stretáva niekoľko rôznych profesií. Dizajnéri navrhujú podobu webu. Klient pripravuje obsah a stanovuje ciele projektu. Vývojový tím hľadá spôsob, ako všetko prepojiť do jedného funkčného celku. Pri webe 30 let Senátu to platilo dvojnásobne. Vizuálny koncept pripravilo štúdio kreeshadesign, obsah vznikal v spolupráci s Kanceláriou Senátu a jej Odborom komunikácie a vonkajších vzťahov a našou úlohou bolo všetky časti prepojiť tak, aby fungovali ako jeden celok. Práve táto spolupráca podľa nás rozhoduje o úspechu podobných projektov oveľa viac než samotná technológia.

Ani najlepší návrh totiž nestačí, ak ho nemožno previesť do dobre fungujúceho produktu. Rovnako kvalitné technické riešenie samo osebe nezachráni projekt, ak nie je postavený na premyslenom obsahu a dobrom dizajne.

Čo si z projektu odnášame

Web 30 let Senátu je z nášho pohľadu zaujímavý hlavne tým, že ukazuje často neviditeľnú časť vývoja. Návštevník vidí hotové stránky. Nevidí už stovky drobných rozhodnutí, ktoré bolo potrebné urobiť počas implementácie.

Ako navrhnúť administráciu. Ako zachovať kvalitu návrhu na všetkých zariadeniach. Ako zaistiť bezpečnosť. Ako pripraviť web na priebežné dopĺňanie obsahu. A ako všetko zvládnuť v krátkom termíne, keď sa zadanie ešte priebežne vyvíja.

Práve podobné projekty nám pripomínajú, že vývoj webu nie je len o písaní kódu. Je predovšetkým o hľadaní riešení, ktoré budú dobre fungovať nielen v deň spustenia, ale aj po mesiacoch každodennej prevádzky.

To je rola, ktorú na projektoch preberáme najradšej. Previesť kvalitný návrh do riešenia, ktoré bude spoľahlivé, ľahko spravovateľné a pripravené na reálne používanie.