Přeskočit na hlavní obsah

S11 — Předplatné / Abonmá

Screen IDS11
Typ Sekundární
FázeMVP
Účel obrazovky

Seznam předplatných (abonmá) seskupených dle pořadatele (logo + název). Uživatel vidí sezónní kontext, zahrnutá představení s daty a cenu od X Kč. Předplatné chápeme jako balík vstupenek — stejný nákupní flow jako u jedné akce, ale v košíku je více vstupenek najednou.

Nákup: CTA „Koupit předplatné" vede na S1 — Neadresné s předvybraným balíčkem předplatného (předvyplněný výběr / balík dle konkrétní nabídky), nikoli jako zcela oddělený „magický" checkout bez vazby na standardní flow.


Content Priority

  1. Pořadatel — logo + název (sekce nebo hlavička karty) Section HeaderAvatar
  2. Subscription karta — název předplatného, informace o sezóně (období / ročník), stručný popis výhod, cena od X Kč, primární CTA „Koupit předplatné" Subscription CardPrimary Button
  3. Zahrnutá představení — pro každou položku v balíku: datum, název, venue (tap → P3 — Detail akce); bez výrazného CTA „Koupit jednotlivě" u každé položky List Item
  4. Informační text k jednotlivým nákupům — např. „Jednotlivé akce můžete zakoupit zvlášť přes detail akce." (sekundární cesta, ne konkurence hlavnímu CTA předplatného)
  5. Galerie obrázků — vizuální reprezentace předplatného (např. fotky z představení) Image Gallery
  6. Cross-sell — další předplatná od stejného pořadatele („Mohlo by vás zaujmout") Subscription CardSection Header

Interakce

TriggerAkceCíl
Tap na CTA „Koupit předplatné"Otevření S1 — Neadresné s předvybraným balíčkem předplatnéhoStejný princip jako nákup akce — košík s více vstupenkami z balíku → P6 — Checkout
Tap na řádek představení (název / karta)Detail akceP3 — Detail akce — odtud běžný nákup jednotlivé akce
Tap na pořadateleProfil organizátoraS13 — Profil pořadatele
Tap na subscription kartuRozbalení detailu (accordion) nebo navigace na detail předplatnéhoPlný popis, seznam představení s daty

Stavy

StavPopisVizuální chování
LoadedPředplatná dostupnáKarty s obsahem
EmptyŽádná předplatná k dispoziciIlustrace + „Momentálně nemáme předplatná"
LoadingNačítáníSkeleton karty (3–4 placeholder karty)

Edge Cases a Error States

ScénářŘešení
Předplatné částečně vyprodanéNěkterá představení v balíku mohou být vyprodána — badge „Částečně vyprodáno", u vyprodaných termínů CTA „Vyprodáno" nebo skryté
Předplatné vypršelo / minuléBadge „Uzavřeno" nebo skrýt ze seznamu, podle business logiky
Velmi dlouhý název předplatnéhoZkrácení s ellipsis, plný text v detailu nebo tooltip
Předplatné bez obrázkůPlaceholder s barvou pořadatele + iniciály
Mnoho představení v abonmá (20+)Zobrazit prvních 5 + „Zobrazit všech N představení", expandovatelné

Mobilní patterny a odlišení od webu

Accordion-style seskupení

  • Web: Může mít sidebar s pořadateli, nebo plochý seznam
  • Mobil: Accordion — tap na pořadatele rozbalí jeho předplatná, kompaktní využití prostoru

Karty předplatného

  • Card-based layout s touch-friendly velikostí (min 48dp výška pro CTA)
  • Swipe horizontálně pro galerii obrázků uvnitř karty (pokud více fotek)

Cross-sell integrace

  • Na mobilu zobrazit „Další od [pořadatel]" přímo pod aktuální kartou, bez nutnosti scrollovat daleko

Reference — Aktuální web

SCR-WEB-50: Předplatné — seskupení po pořadateli, karty
Web ColosseumSCR-WEB-50Předplatné — seskupení po pořadateli, karty
SCR-WEB-51: Detail — popis, představení, CTA Koupit
Web ColosseumSCR-WEB-51Detail — popis, představení, CTA Koupit