Kompletní redesign a vývoj webu
pro Městské divadlo Brno
# Webová platforma
Městské Divadlo Brno
2025
Kompletní dodávka nové webové platformy pro Městské divadlo Brno. Od UX analýzy přes design až po vývoj na Sulu CMS se server-side renderingem. Multisite řešení s integrací ticketingového systému Colosseum, chytrou diváckou sekcí a fulltextovým vyhledáváním přes Elasticsearch.
Multisite
více scén pod jednou platformou
SULU CMS 3.0
generační upgrade CMS
Colosseum
integrace ticketingového systému
SSR
server-side rendering
Od prvního webu
po generační přestavbu
S Městským divadlem Brno spolupracujeme od roku 2010, kdy jsme dodali jeho první webovou prezentaci. V roce 2016 přišel redesign s diváckou sekcí a hlídacím psem vstupenek. Obojí fungovalo spolehlivě řadu let – ale technologie, návyky uživatelů i bezpečnostní nároky se za tu dobu zásadně posunuly.
Divadlo nepotřebovalo kosmetickou úpravu. Potřebovalo generační upgrade celého technologického základu – od redakčního systému přes frontend a infrastrukturu až po bezpečnostní vrstvu. Zároveň bylo klíčové zachovat to, co fungovalo: stabilní napojení na tiketovací systém, bezproblémový nákup vstupenek a jednoduchou správu obsahu pro redakční tým.
Zadání a výzvy
projektu
Portál musí zvládat nárazové špičky srovnatelné s e-commerce flash sales – typicky při zahájení předprodeje nebo premiéře muzikálu. Zároveň přes něj redakce denně spravuje desítky inscenací, stovky termínů a průběžně aktualizuje dramaturgický obsah.
Hlavní výzvy projektu:
- Stabilita při zátěžových špičkách – předprodejové peaky nesmí ohrozit dostupnost portálu
- Migrace na moderní CMS – přechod ze zastaralého redakčního systému bez výpadku provozu a se zachováním veškerého obsahu.
- Obousměrná integrace se vstupenkovým systémem – synchronizace programu, dostupnosti a cenotvorby v reálném čase přes API.
- Bezpečnost – divadelní portál pracuje s osobními údaji tisíců diváků a zpracovává platební transakce.
Chytrá divácká sekce
a fulltextové vyhledávání
Divácká sekce umožňuje registrovaným uživatelům sledovat dostupnost vstupenek na konkrétní představení s automatickými emailovými notifikacemi, hodnotit inscenace a spravovat svou historii návštěv.
Fulltextové vyhledávání přes Elasticsearch pokrývá celý obsah webu, od inscenací a herců po články a události. Výsledky jsou relevantní a rychlé i při rozsáhlém katalogu repertoáru.
SULU CMS 3.0
moderní redakční systém
Pro správu obsahu jsme zvolili SULU CMS 3.0 – open-source CMS postavený na frameworku PHP Symfony, pro který jsme oficiálním silver partnerem a jedničkou v ČR. SULU jsme již nasadili na portál Digitální a informační agentury, e-shop Moje lékárna nebo B2B portál ISOTRA.
Hlavní výzvy projektu:
- Stabilita při zátěžových špičkách – předprodejové peaky nesmí ohrozit dostupnost portálu
- Migrace na moderní CMS – přechod ze zastaralého redakčního systému bez výpadku provozu a se zachováním veškerého obsahu.
- Obousměrná integrace se vstupenkovým systémem – synchronizace programu, dostupnosti a cenotvorby v reálném čase přes API.
- Bezpečnost – divadelní portál pracuje s osobními údaji tisíců diváků a zpracovává platební transakce.
Kubernetes
škálovatelná infrastruktura
Portál běží v kontejnerizovaném prostředí na Kubernetes clusteru, který zajišťuje vysokou dostupnost (99,9 % SLA) a především automatické škálování při zátěžových špičkách. Když odstartuje předprodej nové sezóny, Kubernetes automaticky navýší počet instancí aplikace, aniž by to vyžadovalo manuální zásah. Po odeznění špičky se prostředky uvolní zpět.
Infrastruktura zahrnuje:
- CI/CD pipeline – automatizovaný build, testy a deployment bez manuálních kroků.
- Rolling updates s zero-downtime – aktualizace portálu bez výpadku pro koncové uživatele.
- Monitoring a alerting – Grafana a Prometheus pro proaktivní dohled nad dostupností a výkonem.
- Geograficky oddělené zálohy – data replikována na dvě nezávislé lokality.
Cloudflare
bezpečnostní štít
Nad celou infrastrukturou stojí Cloudflare jako ochranná vrstva, která zajišťuje:
- WAF (Web Application Firewall) – ochrana proti běžným webovým útokům (SQL injection, XSS, CSRF).
- DDoS mitigace – automatická detekce a absorpce volumetrických útoků.
- CDN – distribuce statického obsahu přes globální síť edge serverů pro rychlejší načítání.
- SSL/TLS – end-to-end šifrování komunikace.
Multisite řešení
s integrací Colosseum
Jádrem portálu je obousměrná real-time komunikace se vstupenkovým systémem divadla, která zajišťuje kompletní synchronizaci:
- Program a termíny představení – automatický přenos repertoáru z tiketovacího systému na portál.
- Dostupnost míst a cenotvorba – aktuální stav sedadel a ceny se promítají v reálném čase.
- Transakční tok – nákupní proces vstupenek probíhá přes zabezpečené API se vstupenkovým systémem a napojením na platební bránu.
Architektura je navržena tak, aby portál zůstal stabilní i v případě výpadku externích služeb – s graceful degradation a frontou zpráv pro odložené zpracování.
Co o naší práci
řekl klient
„S Cognito spolupracujeme přes 10 let. Nový web výrazně usnadňuje divákům orientaci v programu a nákup vstupenek. Integrace s Colosseem funguje bezchybně a redakce oceňuje jednoduchou správu obsahu přes Sulu CMS."
Jak jsme
postupovali
Od UX analýzy přes design a vývoj na Sulu CMS po integraci ticketingu Colosseum a nasazení na Kubernetes.
UX analýza a informační architektura
Zmapovali jsme potřeby diváků, redakce i vedení divadla. Navrhli jsme informační architekturu pro multisite řešení pokrývající všechny scény divadla.
Vizuální design
Vytvořili jsme nový vizuální koncept odpovídající identitě divadla s důrazem na přehlednost programu, přístupnost a rychlou cestu k nákupu vstupenek.
Vývoj na Sulu CMS s SSR
Platformu jsme vyvinuli na Sulu CMS s PHP/Symfony backendem a server-side renderingem pro maximální výkon a SEO. Fulltextové vyhledávání zajišťuje Elasticsearch.
Integrace Colosseum a nasazení
Napojili jsme ticketingový systém Colosseum pro real-time prodej vstupenek přímo na webu. Celé řešení běží na Kubernetes s vysokou dostupností.
Služby a produkty,
které jsme dodali
Zakázkový vývoj softwaru
Kompletní dodávka webové platformy od UX přes design po vývoj s multisite architekturou a integrací ticketingu.
Digitalizace a integrace
Real-time integrace s ticketingovým systémem Colosseum pro online prodej vstupenek s výběrem sedadel.
Provoz a rozvoj
Dlouhodobý provoz a kontinuální rozvoj platformy, přes 10 let spolupráce s divadlem.
