S11 — Předplatné / Abonmá
Účel obrazovky
Seznam předplatných (abonmá) seskupených dle pořadatele. Uživatel prohlíží nabídku, zjišťuje výhody a cenu, a může přejít přímo do nákupu — buď celého předplatného, nebo jednotlivých představení v něm obsažených.
Content Priority
- Seskupení dle pořadatele — logo + název sekce (např. „ND Brno", „Státní opera") Section HeaderAvatar
- Subscription karta — pro každé předplatné: název, popis výhod, sleva %, počet zahrnutých představení, cenový rozsah (od X Kč), CTA „Koupit" Subscription CardPrimary Button
- Představení v abonmá — pro každé zahrnuté představení: datum, název, venue, odkaz „Koupit jednotlivě" List Item
- Galerie obrázků — vizuální reprezentace předplatného (např. fotky z představení) Image Gallery
- Cross-sell — další předplatná od stejného pořadatele („Mohlo by vás zaujmout") Subscription CardSection Header
Interakce
| Trigger | Akce | Cíl |
|---|---|---|
| Tap na CTA „Koupit" u předplatného | Zahájení checkout flow pro celé abonmá | P6 — Checkout |
| Tap na jednotlivé představení | Detail akce | P3 — Detail akce |
| Tap „Koupit jednotlivě" u představení | Výběr vstupenek pro daný termín | P4 — Seat Map nebo S1 — Neadresné |
| Tap na pořadatele | Profil organizátora | S13 — Profil pořadatele |
| Tap na subscription kartu | Rozbalení detailu (pokud accordion) nebo navigace na detail předplatného | Detail s plným popisem a seznamem představení |
Stavy
| Stav | Popis | Vizuální chování |
|---|---|---|
| Loaded | Předplatná dostupná | Karty s obsahem |
| Empty | Žádná předplatná k dispozici | Ilustrace + „Momentálně nemáme předplatná" |
| Loading | Načí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ého | Zkrá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-50Předplatné — seskupení po pořadateli, karty
SCR-WEB-51Detail — popis, představení, CTA Koupit