Analýza webu Colosseum
Strukturovaná analýza produkčního webu colosseumticket.cz jako definice aktuálního stavu systému, ze kterého vychází mobilní aplikace Colosseum MA.
info
Aktuální web je výchozí referenční bod, ne cílový stav. Obsahuje funkční scope a content model, který přebereme, ale design, UX a interakce budou v MA zásadně lepší. Při odkazování v PRD používáme formát viz SCR-WEB-XX.
Screenshoty: screenshots/web-current/ (56 screenshotů)
Katalog: screenshots/web-current/_index.md
Kompletní analýza: context/analysis/current-web-colosseum.md
Přehled webu
| Vlastnost | Hodnota |
|---|---|
| Platforma | Web (responsive, mobile viewport) |
| URL | colosseumticket.cz (prezentace), online.colosseumticket.cz (nákup) |
| Hlavní účel | Prodej vstupenek na kulturní akce — divadlo, opera, muzikál, koncerty, festivaly, sport |
| Vizuální styl | Dual theme — dark navy pro detail/checkout, light pro category pages; oranžový CTA |
| Hlavní kategorie | Musical, Theatre, Music, Festival, Cinema, Children, Tours, Sport, Others |
| Checkout model | Single-page long-form (ne stepper), countdown timer 12 min |
| Lokality | Praha, Brno, Ostrava (+ další města) |
| Jazyky | CZ, EN |
Analyzované sekce (56 screenshotů)
| Rozsah | Sekce | Klíčové prvky |
|---|---|---|
| SCR-WEB-01–04 | Homepage | Hero banner, search, city tabs, promo bannery, „Our selection" |
| SCR-WEB-05–11 | Category page | Filtry, tagy, event list, sort, pagination, filter drawer |
| SCR-WEB-12–17 | Detail — Concert | Hallelujah: dates, gallery, program, map, metadata |
| SCR-WEB-18–23 | Detail — Opera | La traviata: credits, jazyk/titulky, accessibility |
| SCR-WEB-24–26 | Detail — Musical | Sněhová královna: SOLD OUT, watchdog, video embed |
| SCR-WEB-27–28 | Neadresné vstupenky | Kategorie accordion + quantity counter |
| SCR-WEB-29–30 | Seat map (adresné) | Textový grid, barevná legenda, výběr |
| SCR-WEB-31–40 | Košík & checkout | Timer 12 min, upsell pojištění, guest/logged-in, OAuth |
| SCR-WEB-41–42 | Search | Empty state, výsledky (events + organizers) |
| SCR-WEB-43–49 | Účet | Orders, profil, heslo, loyalty (placeholder), watchdog, GDPR |
| SCR-WEB-50–52 | Subscription | Seznam, detail, performances within |
| SCR-WEB-53–56 | Place detail | Venue profil, historie, galerie, program |
Content model z webu
Hlavní datové entity, které přenášíme do MA:
| Entita | Klíčové atributy |
|---|---|
| Event | title, organizer, description, tags, category, hero, gallery, video, metadata, credits |
| EventDate | date, time, venue, city, price_range, status, hall |
| Venue | name, address, description, history, gallery, GPS, halls |
| Organizer | name, events, subscriptions |
| Subscription | title, organizer, description, tags, price_range, performances |
| TicketCategory | name, price, type (addressed/non-addressed), color, seat_info |
| UserAccount | name, email, phone, ISIC, contact, invoice, GDPR, watchdogs, orders |
UX patterny aktuálního webu
Navigace
- Top nav s 3 hlavními kategoriemi + MORE dropdown pro dalších 6
- Breadcrumb navigace (Homepage → Category → Event)
- 5-tab icon navigace v účtu (bez labels)
- Back arrow v checkout flow
Event discovery
- Quick tag chips na homepage — jednoklíková navigace na populární tagy
- City filter tabs (Praha/Brno/Ostrava)
- Search overlay s tipy, historií, populárními tagy
- Filter drawer (slide-in panel) s expandable filtry
- „Our selection" / „Upcoming events" editorské sekce
Checkout flow
- Single-page (ne stepper) — vše na jedné stránce
- Countdown timer 12 minut
- Guest checkout jako „No previous registration" form
- OAuth (Google, Facebook, Seznam)
- Voucher input inline v payment sekci
Identifikované problémy
Kritické (blokují konverzi)
| # | Problém | Dopad |
|---|---|---|
| 1 | Chybí confirmation/thank-you page | Uživatel nevidí potvrzení objednávky |
| 2 | Seat map je textový grid | Na mobile příliš malé tap targety, nelze identifikovat kvalitu místa |
| 3 | Single-page checkout je příliš dlouhý | 4+ viewport heights na mobile |
| 4 | Chybí Apple Pay / Google Pay | Moderní standard pro mobile payments |
| 5 | Elektronické doručení stojí +20 Kč | Nestandardní, barrier to conversion |
Významné (zhoršují UX)
| # | Problém |
|---|---|
| 6 | Promo bannery zahlcují homepage — 3 stacked bannery přes celý viewport |
| 7 | Tagy jsou jednoslovné camelCase — špatná čitelnost |
| 8 | Tab ikony v účtu bez labels |
| 9 | Loyalty program je placeholder — tab existuje ale je prázdný |
| 10 | Chat widget (Smartsupp) překrývá CTA |
| 11 | Chybí offline vstupenky — pouze email delivery |
| 12 | Chybí push notifikace |
Chybějící features
| # | Feature |
|---|---|
| 13 | Personalizace — žádná, všichni vidí stejný obsah |
| 14 | Biometrické přihlášení |
| 15 | Sdílení vstupenek |
| 16 | Přidání do kalendáře |
| 17 | Praktické informace (doprava, parkování, dress code) |
| 18 | Věrnostní program (implementace) |
| 19 | Offline režim |
Co přebíráme vs. co vylepšíme
Přebíráme (content a data)
- Content model a datové entity
- Dva typy prodeje (adresné / neadresné sezení)
- Watchdog feature
- Subscription / abonmá
- Kategorizaci akcí
- Search pattern
Vylepšíme (UX a design)
| Oblast | Aktuální web | MA |
|---|---|---|
| Seat map | Textový grid | Grafický SVG s pinch-to-zoom |
| Checkout | Single-page long-form | Stepper (4–5 kroků) |
| Platby | Comgate, voucher | Apple Pay, Google Pay, karty |
| Personalizace | Žádná | Push, onboarding, doporučení |
| Wallet | Email delivery | Offline QR vstupenky v app |
| Věrnostní program | Prázdný placeholder | Plná implementace (Colosseum Premium) |
| Přihlášení | Email/heslo + OAuth | Biometrics (Face ID), guest checkout |
| Design | Responsive web | Mobile-first native UI |
Závěr
Aktuální web poskytuje funkčně kompletní ticketing platformu s bohatým content modelem. Klíčové hodnoty pro MA:
- Ověřený content model — Event, EventDate, Venue, Organizer, Subscription, TicketCategory
- Dva typy prodeje — adresné (seat map) i neadresné sezení
- Watchdog feature — unikátní pro Colosseum, důležitá pro retenci
- Subscription/Abonmá — odlišuje Colosseum od competitors
- Multi-venue, multi-organizer model — základ pro white-label budoucnost
MA zásadně překoná aktuální web v seat map UX, checkout flow, personalizaci, offline wallet, věrnostním programu a celkovém mobile-first designu.