Benchmark — CineStar

Strukturovaná analýza mobilní aplikace CineStar jako konceptuální inspirace pro design a flow Colosseum MA. CineStar app byla vytvořena Symbio — sdílíme doménový kontext (vstupenky, sály, platby), ale business rules, branding a cílová skupina se liší.

info

CineStar je konceptuální inspirace, ne doslovná kopie. Při odkazování v PRD používáme formát viz SCR-CS-XX.

Screenshoty: screenshots/benchmark-cinestar/ (27 screenshotů) Katalog: screenshots/benchmark-cinestar/_index.md

---

Přehled aplikace

Vlastnost	Hodnota
Platforma	iOS / Android
Typ	Cross-platform (web + app)
Hlavní účel	Nákup vstupenek do kin CineStar — výběr představení, sedadel, online platba, dárkové poukazy
Vizuální styl	Dark theme, cinema-inspired, moderní UI
Klíčové flows	Program → Výběr míst → Objednávka → Login → Platba → Potvrzení
Checkout model	5-krokový stepper (místa → objednávka → údaje → platba → potvrzení)

---

Klíčové screeny

Homepage — SCR-CS-01

• Hero banner s video CTA, promo carousel, sekce obsahu (Promítáme, Brzy uvedeme)
• Location-aware header s volbou kina
• Bottom tab bar: Domů, Program, CineStar Club, Moje nákupy, Přihlásit se
• Inspirace pro MA: Feed s doporučenými akcemi, location selector, promo carousel

Program — SCR-CS-02

• Filtr místa + horizontální day picker
• Movie karty s poster, showtime buttony, format badges (HFR, 4K, 3D, Dolby)
• CTA „Vybrat sedačky" přímo z programu
• Inspirace pro MA: Seznam akcí s filtry, kompaktní zobrazení termínů na kartě

Seat Map — SCR-CS-03 až SCR-CS-10

Klíčová obrazovka pro MA — adresné sezení je core feature.

• Interaktivní plán sálu s pinch-to-zoom
• Barevné kódování: Standardní (šedá), VIP (zlatá), Vozíčkáře (modrá), Obsazené (tmavá), Vybrané (zelená)
• 5-krokový stepper progress bar nahoře
• Bottom sheet pro vybraná sedadla (chips s číslem)
• Podpůrné obrazovky: warning dialog (SCR-CS-04), hall info (SCR-CS-05), legenda (SCR-CS-06), detail sedačky (SCR-CS-10)
• Max limit toast validace ("Maximální počet sedadel je 6")
• Inspirace pro MA: Seat map UX, barevné kódování kategorií, bottom sheets pro detaily

Objednávka — SCR-CS-11, SCR-CS-12

• Souhrn: per-seat řádky s typem vstupenky (dropdown — Dítě, Student, Senior, ZTP/P)
• Inline upsell občerstvení (combo menu karty)
• Dual CTA: „Shrnutí platby" / „Rezervace vstupenek"
• Inspirace pro MA: Per-seat kategorie, inline upsell doplňků, dual CTA

Login/Registrace — SCR-CS-13, SCR-CS-14

• OAuth first (Facebook, Google, Apple) + email/heslo
• Late login — přihlášení až ve 3. kroku checkoutu
• Inspirace pro MA: Late login pattern, OAuth providers

Checkout & Platba — SCR-CS-15

• Loyalty card s bodovým stavem + per-seat loyalty toggle
• Dárkový poukaz input
• Platební metody grid (8 metod): karty, Apple Pay, Google Pay, benefity
• Warning banner pro degraded mode
• Inspirace pro MA: Inline loyalty, voucher redemption, platební grid

Thank You stavy — SCR-CS-16 až SCR-CS-23

4 koncové stavy:

Stav	Screenshot	Obsah
Úspěch — zaplaceno	SCR-CS-16, SCR-CS-20	Potvrzení, vstupenky na e-mail, CTA: Sdílet / Moje nákupy
Úspěch — rezervace	SCR-CS-17, SCR-CS-21	Warning „Vyzvednout 30 min předem"
Chyba — platba	SCR-CS-18, SCR-CS-22	Červený alert, referenční číslo
Chyba — timeout	SCR-CS-19, SCR-CS-23	„Překročen 15min limit"

• Inspirace pro MA: 4-stavový model, sdílení vstupenek, timeout management, referenční čísla

Doplňkové sekce — SCR-CS-24 až SCR-CS-27

• Food Menu (SCR-CS-24): Tab filtry, produktové karty — inspirace pro doplňkový prodej
• Dárkové poukazy (SCR-CS-25–27): Vizuální karty dle typu, různé cenové hladiny

---

Referenční vzory pro MA

CineStar je klíčová reference pro tyto oblasti:

Oblast	Pattern	Screen
Stepper checkout	5-krokový lineární flow s progress bar	SCR-CS-03
Seat map	Pinch-to-zoom, barevné kódování, legenda, bottom sheets	SCR-CS-03–10
Late login	Přihlášení až ve 3. kroku checkoutu	SCR-CS-13
Thank you states	4 koncové stavy (paid, reserved, error, timeout)	SCR-CS-16–23
Inline upsell	Občerstvení přímo v košíku	SCR-CS-11
Per-seat kategorie	Různý typ vstupenky per sedadlo	SCR-CS-12
Bottom sheets	Info, legenda, detaily — ne fullscreen modály	SCR-CS-05, 06, 10
Loyalty v checkoutu	Body per-seat, inline redemption	SCR-CS-15

---

Co přebereme vs. co uděláme jinak

Přebereme (konceptuálně)

1. Stepper checkout flow — jasná navigace, 4–5 kroků
2. Interaktivní seat map s barevným kódováním a legendou
3. Late login — přihlášení až když je potřeba
4. 4-stavový thank you — paid, reserved, error, timeout
5. Inline upsell v košíku
6. Per-seat kategorie vstupenek
7. Bottom sheet pattern pro detaily a info
8. Loyalty body inline v checkout
9. Badge systém pro kategorie/formáty

Uděláme lépe

1. Guest checkout — CineStar vyžaduje login, my nabídneme i bez registrace
2. Offline wallet — CineStar posílá jen e-mail, my chceme in-app vstupenky s offline režimem
3. Apple/Google Wallet integrace — přidání do nativního wallet
4. Personalizované push — CineStar má basic notifikace, my chceme personalizaci
5. Biometrics — Face ID / Touch ID pro rychlé přihlášení
6. White-label — CineStar je single brand, my chceme multi-tenant
7. Sdílení vstupenek — deep links, ne jen „Sdílet"
8. Detail akce — bohatší obsah (galerie, interpreti, related events)

Neuděláme (doménově specifické pro kino)

1. Dark theme jako default — Colosseum má vlastní brand palette
2. Film-specifický obsah (trailer CTA, format badges HFR/4K/3D/Dolby)
3. Rezervace bez platby — MA primárně online platba
4. Zaměstnanecké benefit karty (Benefity, Pluxee, Edenred)

---

Závěr

CineStar app je solidní benchmark pro ticketing flow v mobile-first prostředí. Hlavní hodnota pro MA:

1. Ověřený purchase flow — 5 kroků, stepper, seat map → košík → platba je industry standard
2. Seat map UX — pinch-to-zoom, barevné kódování, bottom sheets pro detaily
3. Checkout patterny — late login, inline upsell, dual CTA, loyalty integration
4. Error handling — explicitní stavy, timeout management, referenční čísla

CineStar je single-brand cinema app; MA je multi-event ticketing platforma — flow je podobný, ale scope je širší.