Reference / Vývoj

Nový webový portál pro Digitální a informační agenturu ČR

Vyvinuli jsme nový webový portál dia.gov.cz na platformě Sulu CMS. Nahradili jsme zastaralý WordPress, implementovali design systém gov.cz a vytvořili základ pro další rozvoj, včetně sémantického vyhledávání a správy microsites. Projekt je prvním nasazením Sulu CMS ve veřejné správě v Česku.

Digitální a informační agentura ČR2025Webový portál
[screenshot: homepage portálu dia.gov.cz s navigací, hero sekcí a kartami služeb v design systému gov.cz]
4 měsíce

Dodáno v plánovaném termínu i rozpočtu

Premiéra

První nasazení Sulu CMS ve veřejné správě v ČR

Připraveno

Architektura na sémantické vyhledávání a microsites

Proč DIA potřebovalanový portál

Digitální a informační agentura je klíčovou institucí pro digitalizaci české veřejné správy. Její původní web běžel na WordPressu, který přestal vyhovovat rostoucím nárokům na bezpečnost, správu obsahu a integraci s dalšími weby státní správy.

WordPress neumožňoval snadnou implementaci design systému gov.cz, nativní vícejazyčnou podporu ani správu microsites pro další sekce agentury. DIA potřebovala moderní CMS s architekturou připravenou na budoucí rozšíření, včetně sémantického vyhledávání.

Zmapovali jsme požadavky agentury, navrhli technickou architekturu a zvolili Sulu CMS jako open-source základ portálu. Klíčovým kritériem byla rozšiřitelnost a soulad s požadavky veřejné správy na bezpečnost a přístupnost.

[screenshot: srovnání starého WordPress webu a nového portálu na Sulu CMS]
[screenshot: administrační rozhraní Sulu CMS s editací obsahu portálu DIA]

Sulu CMS jakozáklad portálu

Pro portál DIA jsme zvolili Sulu CMS, open-source redakční systém postavený na PHP a Symfony. Na rozdíl od komerčních CMS nabízí Sulu plnou kontrolu nad kódem, žádné licenční závislosti a aktivní komunitu, která řeší bezpečnostní aktualizace v řádu dnů.

Sulu nativně podporuje vícejazyčný obsah, strukturované stránky s vlastními šablonami a granulární řízení přístupových práv. To jsou vlastnosti, které veřejná správa vyžaduje a které u WordPressu znamenají desítky pluginů třetích stran.

Jde o první nasazení Sulu CMS ve veřejné správě v Česku. Redakce DIA získala moderní prostředí pro správu obsahu, které nepotřebuje vývojáře pro běžné redakční úpravy.

Design systém gov.czv praxi

Portál dia.gov.cz je postaven na design systému gov.cz, jednotném vizuálním standardu české veřejné správy. Ten definuje typografii, barvy, komponenty i pravidla přístupnosti, aby weby státní správy vypadaly konzistentně a fungovaly pro všechny uživatele.

Integrovali jsme kompletní sadu komponent design systému do šablon Sulu CMS. Redaktoři sestavují stránky z předpřipravených bloků, které automaticky dodržují vizuální pravidla i standardy přístupnosti WCAG.

Výsledkem je portál, který vizuálně i funkčně odpovídá ostatním webům veřejné správy. Uživatelé se na něm orientují intuitivně, protože navigace a rozložení stránek respektuje naučené vzory z dalších státních webů.

[screenshot: detail stránky portálu DIA s komponenty design systému gov.cz]
[screenshot: vícejazyčná správa obsahu v Sulu CMS, přepínání CZ/EN verze]

Migrace obsahua vícejazyčná podpora

Převedli jsme veškerý obsah ze zastaralého WordPress webu do Sulu CMS. Migrace zahrnovala stovky stránek, dokumentů a mediálních souborů, které bylo třeba přemapovat do nové obsahové struktury s dodržením všech URL redirectů.

Sulu CMS přinesl nativní vícejazyčnou podporu. Redakce spravuje českou i anglickou verzi portálu z jednoho místa, s jasným přehledem o stavu překladu jednotlivých stránek. Každá jazyková mutace má vlastní SEO metadata a může mít odlišnou obsahovou strukturu.

První etapa trvala 4 měsíce. Portál jsme dodali v termínu i rozpočtu, od ledna do dubna 2025. Architektura počítá s rozšířením o sémantické vyhledávání a správu microsites pro další sekce veřejné správy.

Co o naší práci řekl klient

[screenshot: portál dia.gov.cz s design systémem gov.cz a komponentami pro správu obsahu]
DIA
„Design systém gov.cz sjednocuje vizuální styl a zlepšuje uživatelskou přívětivost webů veřejné správy."
foto

Nikola Čecháková

Product Manager, DIA

Jak jsme postupovali

Od analýzy požadavků po nasazení portálu a plánované rozšíření.

Chci konzultaci
1

Analýza a návrh architektury

Zmapovali jsme požadavky DIA, navrhli technickou architekturu a zvolili Sulu CMS jako open-source základ portálu. Klíčovým kritériem byla rozšiřitelnost a soulad s požadavky veřejné správy.

2

Implementace design systému gov.cz

Integrovali jsme jednotný vizuální standard české veřejné správy. Portál splňuje pravidla přístupnosti a vizuální konzistence napříč weby státní správy.

3

Migrace z WordPress na Sulu CMS

Převedli jsme veškerý obsah ze zastaralého WordPress webu do Sulu CMS. Redakce získala moderní prostředí pro správu obsahu s vícejazyčnou podporou.

4

Vývoj a nasazení portálu

Vyvinuli jsme portál na PHP/Symfony, nasadili do produkce a dodali v termínu i rozpočtu. První etapa trvala 4 měsíce, od ledna do dubna 2025.

5

Plánovaná rozšíření

Architektura portálu počítá s rozšířením o sémantické vyhledávání a správu microsites pro další sekce veřejné správy.

Sulu CMS
Sulu CMS
PHP
PHP
Symfony
Symfony
Design systém gov.cz
Design systém gov.cz

Použité technologie

Portál DIA je postaven na systému pro správu obsahu Sulu CMS s backendem v PHP a frameworku Symfony. Vizuální vrstva respektuje Design systém gov.cz.