Web na míru pro Divadlo Mír od Rakeťáků z Ostravy

Vyvinuli jsme nové webové stránky pro Divadlo Mír – www.divadlomir.cz, které integrují tři dříve samostatné platformy: web divadla, videotéku MírPlay a portál pro prodej vstupenek.

Výsledkem je plně škálovatelný, sjednocený a uživatelsky přívětivý systém, za nímž stojí příběh ze zákulisí o spolupráci, která překročila hranice běžného vztahu zadavatel–dodavatel.

V rozhovoru s Vojtěchem Baránkem, který celý projekt a vývojový tým vedl, se dozvíte, jakým technickým výzvám čelil, jak vypadala jednání v divadle a také co znamená „dopamine board“ a „zlatí bludišťáci“ v jeho kanceláři.

Vojto, jak vlastně spolupráce s Divadlem Mír začala?

Oslovilo nás přímo Divadlo Mír, protože po průzkumu trhu zjistili, že v Česku je jen málo studií, která zvládnou vytvořit takto komplexní systém v daných cenových možnostech. Zároveň, coby patriotům, jim bylo sympatické, že jsme taky z Ostravy. Po několika schůzkách jsme si sedli jak po lidské, tak po technické stránce, plácli si a pustili se do toho.

Kolik vás na projektu pracovalo?

Na projektu se podílela řada lidí z týmu ProRocketeers, i když ne všichni byli zapojeni po celou dobu. Někteří se do projektu zapojovali jen v určitých fázích nebo pomáhali se specifickými implementacemi. Rád bych zvlášť zmínil a poděkoval Martinu Polákovi, Jirkovi Valovi a Vojtovi Ferákovi za jejich klíčový přínos.

Jaké byly hlavní požadavky a cíle projektu?

Hlavním cílem projektu bylo modernizovat a sjednotit stávající systémy divadla do jednoho celku. Základní myšlenkou bylo mít jeden systém pro komunikaci se zákazníky Divadla Mír, a to v co nejpřívětivějším uživatelském prostředí a aby přinesl více výhod pro předplatitele videotéky MírPlay.

První fází bylo propojení webu divadla s MírPlay, což byla technicky náročná část. Nový systém vychází ze zkušeností Divadla Mír získaných během uplynulých pěti let, a zároveň z vizí, jak chce systém dále rozvíjet. Díky němu teď tyto vize mohou skutečně realizovat – což žádný běžný „krabicový“ systém nenabízel a nevyhovoval jim. Pro Divadlo Mír bylo důležité zefektivnit proces pouštění představení do prodeje a mít možnost různých prodejních konfigurací šitých na míru – tak, aby vše odpovídalo specifickým požadavkům, které vzešly z letité praxe s původním systémem prodeje vstupenek. Celý systém jsme vytvořili právě na základě zkušeností a potřeb divadla.

Výhody vývoje na míru spočívají většinou v tom, že zákazník vlastní celé dílo. Software patří Divadlu Mír a může s ním nakládat podle svého (doufáme, že i nadále ve spolupráci s námi ✌️).

Co bylo na startu spolupráce největší výzvou?

V první řadě bylo klíčové správně pochopit požadavky ze strany Divadla Mír, podrobně je zmapovat a zanalyzovat. Potřebovali jsme se sladit na společné terminologii, zejména u divadelních pojmů, a podívat se na stávající procesy i na to, jak původní systém fungoval – a jaké možnosti by nový systém mohl nabídnout. Díky tomu jsme pak mohli představit funkce a řešení, o nichž zástupci divadla často netušili, že existují – a tím výrazně zlepšit způsob, jakým systém v divadle využívají.

Jaké byly největší výzvy z technického hlediska?

Jedním z nejkomplexnějších úkolů bylo sjednocení uživatelských účtů – aby měl uživatel pouze jeden profil pro nákup vstupenek na webu Divadla Mír i pro platformu MírPlay.

Z technického hlediska pak byla asi největší výzvou optimalizace systému, aby bez problémů zvládl extrémní nápor při spouštění prodeje. Například u komedie Hráči došlo k vyprodání desítek repríz během pouhých 24 hodin. Díky tomu, že aplikace stavíme s důrazem na škálovatelnost a výkon, vše proběhlo bez problémů.

Další komplexní oblast představovala refundace vstupenek v případě neočekávaných událostí, které se sice nestávají často, ale mohou nastat – například v souvislosti s povodněmi v září 2024. Na tento proces je navázaná poměrně složitá logika – zahrnuje vrácení peněz, přesun představení a opětovné uvolnění vstupenek do prodeje.

U všech našich projektů se snažíme používat nejnovější, zároveň však prověřené technologie, které nám usnadňují práci a zajišťují spolehlivou správu i snadnou rozšiřitelnost do budoucna. Tento projekt nebyl výjimkou.

Na čem celý systém běží a proč jste sáhli právě po tomhle řešení?

Celý systém je postavený primárně na stacku Next.js, konkrétně na jeho poslední verzi s App Routerem. Využili jsme naplno vše, co latest Next nabízí - React Server Components, server actions včetně partial renderingu. Součástí systému je také backoffice pro správu obsahu na stránkách. Administrace je navržená na míru pro Divadlo Mír a umožňuje spravovat nejen jednotlivé webové stránky, ale i prodej vstupenek, který je úzce provázaný s celým webem. Drželi jsme se osvědčených best practices a výsledkem je velmi rychlé, uživatelsky přívětivé a out of the box škálovatelné řešení.

Jaké specifické požadavky na míru jste vyvíjeli?

Specifickým požadavkem byla především uživatelská přívětivost. Systém je připravený pro prodej vstupenek nejen v Divadle Mír, ale i v dalších divadlech. Umožňuje například prodávat vstupenky na představení hostujících souborů přímo v Divadle Mír, stejně jako na výjezdní představení Divadla Mír v jiných divadlech. V takovém případě může, ale nemusí jít o prodej skrze systém Divadla Mír. Výhodou je, že uživatel na webu vždy vidí daný termín výjezdního představení – ať už se vstupenky prodávají přes Divadlo Mír, nebo prostřednictvím externího prodejce. Pokud je prodej zajištěn externě, systém uživatele automaticky přesměruje na odpovídající platformu.

V čem má nový systém podle tebe největší přínos?

Hlavním přínosem pro diváka je dle mého sjednocený přehled programu, bez ohledu na to, kdo zajišťuje samotný prodej vstupenek. Pro divadlo vidím největší přínos v obrovském množství konfigurace prodejů a ceníků pro různá představení, divadla i jejich kombinace.

S jakými největšími úskalími jste se během vývoje setkali a jak jste je vyřešili?

Na začátku jsme bohužel neměli správné lidi na správném místě, což se projevilo hlavně v úvodní fázi. V průběhu vývoje navíc došlo ke změně celého vizuálu, což je sice běžná věc, ale samozřejmě to mělo vliv na projektové plánování. Obecně se snažíme vyhýbat fixně definovaným rozsahům a cenám (tzv. fixed scope nebo fixed price), protože při vývoji často vyplují na povrch nové požadavky nebo lepší technická řešení. Zadavatelé mají sice jasnou představu, ale někdy to technicky nejde, nebo to jde udělat výrazně přívětivěji (v podstatě neví, co neví) – a tehdy je dobré mít prostor na flexibilitu. Občas to proto drhlo v rozdílech mezi představou, zadáním a konečnou implementací.

Ale i přes všechny tyto překážky jsme se vždycky dokázali posouvat kupředu v pozitivní atmosféře.

Jako klíčová se ukázala pravidelná každotýdenní osobní setkání mezi mnou a zástupci Divadla Mír, během kterých jsem ukazoval provedenou práci (demo). Společně jsme probírali další možnosti systému a hledali nejlepší řešení. Osobní brainstorming je dle mého vždycky nejproduktivnější.

Jak probíhala spolupráce s týmem z Divadla Mír?

Nejvíce jsme řešili věci s marketingovým ředitelem Honzou Lipovským, který měl na starost vzhledovou a obsahovou stránku webu, abychom dosáhli pixel perfect precision 😄, maximální preciznost – tedy maximální přesnosti bez jakýchkoli odchylek od grafického návrhu (pozn. red.). Prodejní část webu jsme nejčastěji řešili s Verčou Kusou, která je jednou z hlavních uživatelek systému. Patří vám velký dík za skvělou spolupráci.

A jak probíhal vývoj v kanceláři ProRocketeers?

Od chvíle, co jsem projekt převzal, jsem se snažil dobrou náladu ze setkání v divadle přenášet i k nám do kanclu. Občas jsme s týmem makali dlouho do večera, ale díky tomu, že jsme táhli za jeden provaz, se nám podařilo dojít až do cíle.

Ve finální fázi projektu, kdy se jely fakt bomby, vznikl náš “Dopamine board”, což je klasická mazatelná tabule, kam jsme si psali tasky, které ve finální fázi testování přibývaly co pár minut. Ten, kdo něco vyřešil si zašel pro svůj dopamin smazáním daného tasku. Když jsme zůstávali dlouho do noci, dopovaly nás fidorky a pizza. Při vyřešení nějakého tricky issue “Dopamine board” nestačil, proto vznikl standing ovation “Board zlatých bludišťáků”, kam jsme si vzájemně udělovali zlaté bludišťáky. Poděkování patří i lidem z jiných projektů, kteří se díky dobré atmosféře sami od sebe přidali a pomohli.

Co tě na projektu nejvíce bavilo?

Spolupráce s týmem z Divadla Mír byla skvělá. Nejlepší na tom bylo, že jsme všichni měli společný cíl – vytvořit pro uživatele co nejlepší produkt.

Rozuměli jsme si na lidské úrovni, a řešení jakýchkoliv výzev probíhalo vždy v pozitivní atmosféře. Komunikace byla příjemná, věcná a zároveň často zábavná, což se do výsledku rozhodně promítlo.

Plánujete web v budoucnu dále rozšiřovat o nové funkce?

Web je připravený na různé nové funkcionality, které jsme už v průběhu vývoje diskutovali – ale co z toho se bude realizovat, záleží na Divadle Mír. Jsou hodně kreativní, takže bych se vůbec nedivil, kdyby se brzy něco nového objevilo.

Jaké technologie podle vás budou hrát klíčovou roli v budoucnosti webů pro kulturní instituce?

Budoucnost vidím v unifikovaném, ale přitom osobitém zážitku každého divadla – přesně tak, jak to udělalo Divadlo Mír. Snaží se mít všechny systémy vizuálně sjednocené, přívětivé, brandované – tak, aby poskytovaly co nejlepší fanouškovský zážitek a vyhnuly se šedi obecných systémů.

Změnil se po projektu tvůj vztah k divadlu?

Před projektem jsem o Divadle Mír věděl, ale neměl jsem k divadlu žádný extra vztah. Po naší spolupráci a poznání lidí za oponou má divadlo nového fanouška.

Děkujeme za rozhovor. Ať se divadlu i dalším projektům ProRocketeers daří!