Colours of Ostrava

Redesign webu
img-headline
a programové rozhraní pro přední český festival
img-headline

Colours of Ostrava je jeden z největších a nejprestižnějších hudebních festivalů v České republice. Každoročně přiláká desetitisíce návštěvníků z celého světa do industriálního prostředí Dolních Vítkovic, kde představuje stovky hudebních vystoupení, diskuzí a workshopů na více než 20 scénách.
Marketing HTML / CSS coding CMS
2025

Barevná paleta

Night
Aa
Pale purple
Aa
Azure
Aa
Canary
Aa

Typografie

Zadání

Naším úkolem bylo realizovat komplexní redesign webových stránek festivalu v návaznosti na změnu vizuální identity, kterou připravilo studio Najbrt. Zadání zahrnovalo nejen implementaci nového designu, ale také výrazné funkční vylepšení webu - především v oblasti prezentace programu festivalu, zlepšení uživatelské zkušenosti a vytvoření propojení s mobilní aplikací Colours. V druhé fázi jsme měli za úkol vyvinout a implementovat sofistikovaný systém pro správu a zobrazení programu festivalu, který by umožňoval synchronizaci dat s mobilní aplikací.

Workshop a technická analýza: Základ úspěšného redesignu

Projekt jsme zahájili společným workshopem s klientem, během kterého jsme detailně analyzovali původní návrhy. Provedli jsme technický rozbor designu a identifikovali oblasti, které vyžadovaly funkční i vizuální doladění. Společně jsme prošli jednotlivé části webu a nastavili prioritní cíle: zlepšení uživatelské zkušenosti, optimalizace pro mobilní zařízení a vytvoření intuitivního systému pro správu obsahu mezi jednotlivými ročníky festivalu.

Adaptace designu pro reálné potřeby festivalu

Po důkladné analýze původních návrhů jsme design doladili tak, aby lépe odpovídal reálným potřebám festivalu a jeho návštěvníků. Vylepšili jsme navigační prvky, optimalizovali jsme rozložení pro mobilní zařízení a navrhli jsme řešení pro efektivní prezentaci rozsáhlého programu festivalu. Spolupráce s klientem probíhala formou několika iterací, během kterých jsme postupně dolaďovali všechny detaily a funkční aspekty nového webu.

WordPress a Gutenberg: Technologický základ projektu

Pro realizaci projektu jsme zvolili platformu WordPress s editorem Gutenberg, která poskytuje ideální kombinaci flexibility, výkonu a uživatelské přívětivosti. Toto řešení nám umožnilo vytvořit zcela na míru přizpůsobené prostředí, které zároveň zůstalo jednoduché pro správu ze strany klienta. Díky vlastním blokovým komponentám může tým Colours of Ostrava snadno aktualizovat obsah webu bez nutnosti technických znalostí.

Inteligentní správa obsahu mezi ročníky

Jedním z klíčových požadavků bylo vyřešení přechodu mezi jednotlivými ročníky festivalu. Navrhli a implementovali jsme systém, který umožňuje jednoduché přepínání a archivaci obsahu podle aktuálního ročníku. Tento přístup zajišťuje, že web vždy prezentuje relevantní informace a zároveň uchovává historii předchozích ročníků, což je důležité pro budování kontinuity a tradice festivalu.

Pokročilá analytika a reklamní systémy

Důležitou součástí projektu byla komplexní analýza stávající datové vrstvy pro analytiku a reklamní systémy. Na základě těchto poznatků jsme vytvořili podrobnou specifikaci dataLayer pro nový web, která plně odráží aktuální technický a faktický stav. Toto řešení poskytuje klientovi přesné a spolehlivé informace o chování uživatelů, efektivitě marketingových kampaní a umožňuje data-driven rozhodování při plánování budoucích aktivit. Optimalizovaná datová vrstva také zajišťuje efektivnější cílení reklamních kampaní a přesnější vyhodnocování konverzí.

Programové rozhraní: Srdce festivalového webu

V druhé fázi projektu jsme vyvinuli komplexní systém pro zobrazení a správu programu festivalu. Uživatelé mají k dispozici dvě varianty zobrazení - přehledné dlaždice a časovou osu (timeline). Toto řešení umožňuje návštěvníkům festivalu rychle najít své oblíbené interprety a naplánovat si program podle vlastních preferencí. Administrátoři webu mohou program snadno aktualizovat a upravovat prostřednictvím intuitivního rozhraní.

Propojení s mobilní aplikací: Synchronizace a konzistence

Důležitým aspektem projektu bylo zajištění datového propojení mezi webem a mobilní aplikací Colours of Ostrava. Vytvořili jsme API rozhraní, které umožňuje plynulou synchronizaci dat programu, interpretů a dalších informací mezi oběma platformami. Tím je zajištěna konzistentnost informací napříč všemi komunikačními kanály festivalu, což výrazně zlepšuje uživatelskou zkušenost návštěvníků.

Globální komponenty pro efektivní správu

Pro zjednodušení správy obsahu jsme implementovali systém globálních komponent, které lze používat napříč celým webem. Tyto komponenty vycházejí z jednoho datového zdroje, což znamená, že aktualizace provedená na jednom místě se automaticky projeví všude, kde je daná komponenta použita. Tento přístup výrazně zvyšuje efektivitu správy webu a snižuje riziko nekonzistentních informací.

Integrace s prodejním systémem GoOut

Web jsme propojili s prodejním systémem GoOut, který zajišťuje prodej vstupenek na festival. Integrace umožňuje návštěvníkům webu pohodlný nákup vstupenek bez nutnosti opuštění stránky, což zvyšuje konverzní poměr a zlepšuje celkovou uživatelskou zkušenost.

Výsledek

Dodali jsme moderní webovou prezentaci, která plně odpovídá významu a prestiži festivalu Colours of Ostrava. Nový web perfektně reflektuje aktuální vizuální identitu festivalu a zároveň poskytuje návštěvníkům intuitivní přístup ke všem potřebným informacím. Administrační rozhraní je navrženo s důrazem na jednoduchost a efektivitu, což umožňuje týmu Colours snadno spravovat obsah i bez hlubších technických znalostí.

Inovativní programové rozhraní s dvojím zobrazením a propojením na mobilní aplikaci představuje významný krok kupředu v digitální prezentaci festivalu. Díky tomuto řešení a optimalizované datové vrstvě pro analytiku mají návštěvníci vždy aktuální informace o programu a mohou si efektivně plánovat svůj festivalový zážitek, zatímco organizátoři získávají cenná data pro další rozvoj a optimalizaci svých marketingových aktivit.

vojtech-stepanek-hs

Vojtěch Štěpánek

Chief Strategy Officer

Jste připraveni začít? Posuňte s námi své podnikání na další úroveň

Mám zájem o...