---
title: Information architecture
intro: The structure of the XSERIES website. This page brings together the decisions in Digital product, so every page in the sitemap has a reason, a phase, and references.
updated: 1 Nov 2026
status: Hipotesis
---

## Where this structure comes from

The information architecture is the conclusion of the Digital product section. Fan stages decide which pages are needed, features decide when they are built, and references show what they look like. The result is used to fill the content and design the screens.

```viz-flow
## User journey
kicker: Who and when
tone: strategy
- Six stages, from aware to waiting for the next edition | [User journey](/strategy/perjalanan-fan/), [Personas](/strategy/persona/)
## Features and references
kicker: What
tone: strategy
- Must, Should, Could per phase, and the patterns we take | [Features & priorities](/strategy/fitur-dan-prioritas/), [Product references](/strategy/referensi-produk/), [Fan prediction game](/strategy/fitur-dan-prioritas/#fan-prediction-game)
## Information architecture
kicker: Where
tone: x
- Sitemap, navigation, and Home order | This page
## Content and screens
kicker: How
tone: visual
- CMS entities and the design of each page | [Content model & CMS](/strategy/model-konten/), [UI direction](/visual-direction/arah-ui/)
```

## Sitemap

The label on the right shows when the page is built ([Features & priorities](/strategy/fitur-dan-prioritas/)): Phase 1 before the event, Phase 2 during the event, Phase 3 after the event.

```viz-sitemap
root: / | Home: current edition, countdown, ticket CTA, highlights | Phase 1
caption: Phase 1 = before the event (hub website), Phase 2 = during the event (Match Center), Phase 3 = after the event (archive and fan accounts). Pages behind the left line are children of the page above them.

## Main menu
sub: Always in the header, plus the Tickets button
- /xs3 | XS-3 edition hub "The Unorthodox" | Phase 1
- + /xs3/fixtures | Schedule and bracket | Phase 1
- + /xs3/tickets | Ticket types, prices, seat map, then on to GOERS | Phase 1
- + /xs3/live | Match Center + fan prediction game, during the event | Phase 2
- /how-to-play | XBall: rules, 24 seconds, X Cards, President Cards | Phase 1
- + /cards/[slug] | One shareable page per card | Phase 1
- /teams | 4 teams | Phase 1
- + /teams/[slug] | Team profile, creator owner, roster, colors, history | Phase 1
- /players | All players, filter by rank, team, category | Phase 1
- + /players/[slug] | Player card, bio, editions, moments | Phase 1
- /archive | All editions | Phase 1
- + /archive/xs1, /xs2 | Rosters, results, MVP, highlights | Phase 1

## Supporting
sub: In the footer
- /news | News and announcements | Phase 1
- /faq | FAQ on tickets, venue, broadcast | Phase 1
- /partners | Sponsors and media kit | Phase 1
- /press | Releases, official assets, media contact | Phase 1

## Fan account
sub: Grows from a waitlist into an account
- /join | Waitlist (Phase 1), then fan account, points, and levels (Phase 3) | Phase 1–3
```

## Why each page exists

Every page in the sitemap can be traced to a fan stage, a feature, a [goal](/strategy/tujuan/), and an [HMW challenge](/strategy/tantangan-hmw/). A page with no reason in this table should not be built.

| Page | Fan stage | Feature and phase | Goals | HMW | References |
|---|---|---|---|---|---|
| `/` Home | [Awareness](/strategy/perjalanan-fan/) | Current edition home + countdown · Phase 1 Must | [B1](/strategy/tujuan/#goal-b1), [B3](/strategy/tujuan/#goal-b3) | [HU6](/strategy/tantangan-hmw/#q-hu6) | [Baller League](/strategy/referensi-produk/#ref-bl-home), [PFL](/strategy/referensi-produk/#ref-pfl-home) |
| `/xs3`, `/xs3/fixtures` | [Awareness, Decision](/strategy/perjalanan-fan/) | Schedule and bracket · Phase 1 Must | [B1](/strategy/tujuan/#goal-b1), [U2](/strategy/tujuan/#goal-u2) | [HB1](/strategy/tantangan-hmw/#q-hb1) | [Baller League](/strategy/referensi-produk/#ref-bl-matches) |
| `/xs3/tickets` | [Decision](/strategy/perjalanan-fan/) | Ticket page + GOERS deep link · Phase 1 Must | [B1](/strategy/tujuan/#goal-b1), [U2](/strategy/tujuan/#goal-u2) | [HB1](/strategy/tantangan-hmw/#q-hb1) | [Coachella](/strategy/referensi-produk/#ref-coachella-passes), [DWP](/strategy/referensi-produk/#ref-dwp-mobile) |
| `/xs3/live` | [Match day](/strategy/perjalanan-fan/) | Match Center + fan prediction game · Phase 2 | [U3](/strategy/tujuan/#goal-u3), [B2](/strategy/tujuan/#goal-b2), [T2](/strategy/tujuan/#goal-t2) | [HU2](/strategy/tantangan-hmw/#q-hu2), [HU5](/strategy/tantangan-hmw/#q-hu5), [HT2](/strategy/tantangan-hmw/#q-ht2) | [Baller League](/strategy/referensi-produk/#ref-bl-match-centre), [FotMob](/strategy/referensi-produk/#ref-fotmob-match), [Icon League](/strategy/referensi-produk/#ref-icon-tippspiel) |
| `/how-to-play`, `/cards/[slug]` | [Consideration](/strategy/perjalanan-fan/) | How to Play · Phase 1 Must; one page per card · Should | [U1](/strategy/tujuan/#goal-u1), [B4](/strategy/tujuan/#goal-b4) | [HU1](/strategy/tantangan-hmw/#q-hu1), [HU7](/strategy/tantangan-hmw/#q-hu7) | [Baller League](/strategy/referensi-produk/#ref-bl-gamechangers), [Hearthstone](/strategy/referensi-produk/#ref-hearthstone-cards) |
| `/teams` | [Consideration, Retention](/strategy/perjalanan-fan/) | Team profiles (4) · Phase 1 Must | [U4](/strategy/tujuan/#goal-u4) | [HU3](/strategy/tantangan-hmw/#q-hu3) | [Baller League](/strategy/referensi-produk/#ref-bl-team) |
| `/players` | [Consideration, Post-match](/strategy/perjalanan-fan/) | Player list + player cards · Phase 1 Must | [U4](/strategy/tujuan/#goal-u4) | [HU3](/strategy/tantangan-hmw/#q-hu3) | [Baller League](/strategy/referensi-produk/#ref-bl-players) |
| `/archive` | [Post-match](/strategy/perjalanan-fan/) | XS-1 and XS-2 archive · Phase 1 Should | [U4](/strategy/tujuan/#goal-u4), [B4](/strategy/tujuan/#goal-b4) | [HU7](/strategy/tantangan-hmw/#q-hu7), [HB3](/strategy/tantangan-hmw/#q-hb3) | [PFL](/strategy/referensi-produk/#ref-pfl-table), [DWP](/strategy/referensi-produk/#ref-dwp-aftermovie) |
| `/news` | [Awareness](/strategy/perjalanan-fan/) | News / announcements · Phase 1 Should | [B4](/strategy/tujuan/#goal-b4) | — | — |
| `/faq` | [Decision](/strategy/perjalanan-fan/) | FAQ · Phase 1 Must | [U2](/strategy/tujuan/#goal-u2) | [HB1](/strategy/tantangan-hmw/#q-hb1) | [Coachella](/strategy/referensi-produk/#ref-coachella-passes) |
| `/partners` | Sponsors | Partners + media kit · Phase 1 Should | [B2](/strategy/tujuan/#goal-b2) | [HB2](/strategy/tantangan-hmw/#q-hb2), [HB5](/strategy/tantangan-hmw/#q-hb5) | [Premier League](/strategy/referensi-produk/#ref-pl-awards) |
| `/press` | Media | Press room · Phase 1 Could | [B4](/strategy/tujuan/#goal-b4) | — | — |
| `/join` | [Retention](/strategy/perjalanan-fan/) | Waitlist · Phase 1 Must; fan account and levels · Phase 3 | [B3](/strategy/tujuan/#goal-b3), [T4](/strategy/tujuan/#goal-t4) | [HT4](/strategy/tantangan-hmw/#q-ht4), [HU4](/strategy/tantangan-hmw/#q-hu4) | [Baller League](/strategy/referensi-produk/#ref-bl-home), [Kings League](/strategy/referensi-produk/#ref-kl-fantasy) |

## Main navigation

The menu is built for the main [personas](/strategy/persona/). The Tickets button is always in the header, as on [Baller League](/strategy/referensi-produk/#ref-bl-home).

| Item | Purpose | Persona |
|---|---|---|
| **XS-3** | Current edition: schedule, tickets, live | All |
| **How to Play** | Understanding the cards | Nadia, Raka |
| **Teams** | Picking a side | Nadia, Raka |
| **Players** | Following the stars | Dimas, Raka |
| **Archive** | History and results | Dimas, Bayu |
| **Tickets** (button) | Conversion | All |

Footer: FAQ, Partners, Press, Instagram, YouTube, TikTok, Games of Society.

## Home contents (in order)

The order follows the fan stages: aware, understand, decide, then stay connected.

| # | Block | Why it is here |
|---|---|---|
| 1 | Current edition hero: name, date, venue, countdown, Tickets button | [B1](/strategy/tujuan/#goal-b1) · [next match + countdown](/strategy/referensi-produk/#ref-pfl-home) |
| 2 | "What is XSERIES" in one sentence + teaser video | [HU6](/strategy/tantangan-hmw/#q-hu6) · viewers from a reel understand in 10 seconds |
| 3 | Cards: a carousel of X Cards with their effects | [U1](/strategy/tujuan/#goal-u1) · [icon + one-line effect](/strategy/referensi-produk/#ref-kl-secret-cards) |
| 4 | Featured players (rank A) | [U4](/strategy/tujuan/#goal-u4) · the stars people look for |
| 5 | The four teams | [HU3](/strategy/tantangan-hmw/#q-hu3) · [the creator owner is the face of the team](/strategy/referensi-produk/#ref-bl-team) |
| 6 | Short schedule and prices | [U2](/strategy/tujuan/#goal-u2) · [one line that ends the confusion](/strategy/referensi-produk/#ref-coachella-passes) |
| 7 | Latest news | [B4](/strategy/tujuan/#goal-b4) · an official source for the media |
| 8 | Waitlist | [B3](/strategy/tujuan/#goal-b3) · [waitlist on the first screen](/strategy/referensi-produk/#ref-bl-home) |
| 9 | Partners | [B2](/strategy/tujuan/#goal-b2) · room for sponsors without hurting conversion |

> [!TIP]
> Validate the navigation with a simple tree test (5–8 tasks, for example "Find the Lower Tribune price for the final") before high-fidelity design.

## Next

- [Content model & CMS](/strategy/model-konten/): the entities and fields that fill every page above.
- [UI direction](/visual-direction/arah-ui/): the design of Home, the Match Center, and the card component.
- [KPIs & measurement](/strategy/kpi/): how to measure whether each page works.