---
title: Information architecture
intro: Struktur website XSERIES. Halaman ini menyatukan keputusan di Produk digital, sehingga setiap halaman di sitemap punya alasan, fase, dan referensi.
updated: 1 Nov 2026
status: Hipotesis
---

## Dari mana struktur ini

Information architecture adalah kesimpulan dari bagian Produk digital. Tahap journey menentukan halaman apa yang dibutuhkan, fitur menentukan kapan dibangun, dan referensi menunjukkan bentuknya. Hasilnya dipakai untuk mengisi konten dan mendesain layar.

```viz-flow
## User journey
kicker: Siapa dan kapan
tone: strategy
- Enam tahap, dari tahu sampai menunggu edisi berikutnya | [User journey](/strategy/perjalanan-fan/), [Persona](/strategy/persona/)
## Fitur dan referensi
kicker: Apa
tone: strategy
- Must, Should, Could per fase, dan pola yang diambil | [Fitur & prioritas](/strategy/fitur-dan-prioritas/), [Referensi produk](/strategy/referensi-produk/), [Tebak & Dukung](/strategy/fitur-dan-prioritas/#tebak-dukung)
## Information architecture
kicker: Di mana
tone: x
- Sitemap, navigasi, dan urutan Home | Halaman ini
## Konten dan layar
kicker: Bagaimana
tone: visual
- Entitas di CMS dan desain tiap halaman | [Content model & CMS](/strategy/model-konten/), [Arah UI](/visual-direction/arah-ui/)
```

## Sitemap

Label di kanan menunjukkan kapan halaman itu dibuat ([Fitur & prioritas](/strategy/fitur-dan-prioritas/)): Fase 1 sebelum event, Fase 2 saat event, Fase 3 setelah event.

```viz-sitemap
root: / | Home: edisi berjalan, countdown, CTA tiket, highlight | Fase 1
caption: Fase 1 = sebelum event (website hub), Fase 2 = saat event (pendamping laga live), Fase 3 = setelah event (arsip dan akun fan). Halaman di bawah garis kiri adalah turunan dari halaman induknya.

## Menu utama
sub: Selalu ada di header, plus tombol Tickets
- /xs3 | Hub edisi XS-3 "The Unorthodox" | Fase 1
- + /xs3/fixtures | Jadwal dan bracket | Fase 1
- + /xs3/tickets | Jenis tiket, harga, seat map, lalu ke GOERS | Fase 1
- + /xs3/live | Pendamping laga live + Tebak & Dukung, aktif saat event | Fase 2
- /how-to-play | XBall: aturan, 24 detik, X Cards, President Cards | Fase 1
- + /cards/[slug] | Satu halaman per kartu, bisa dibagikan | Fase 1
- /teams | 4 tim | Fase 1
- + /teams/[slug] | Profil tim, kreator pemilik, roster, warna, sejarah | Fase 1
- /players | Semua pemain, filter rank, tim, kategori | Fase 1
- + /players/[slug] | Player card, bio, edisi, momen | Fase 1
- /archive | Semua edisi | Fase 1
- + /archive/xs1, /xs2 | Roster, hasil, MVP, highlight | Fase 1

## Pendukung
sub: Di footer
- /news | Berita dan pengumuman | Fase 1
- /faq | FAQ tiket, venue, siaran | Fase 1
- /partners | Sponsor dan media kit | Fase 1
- /press | Rilis, aset resmi, kontak media | Fase 1

## Akun fan
sub: Tumbuh dari waitlist menjadi akun
- /join | Waitlist (Fase 1), lalu akun fan, poin, dan level (Fase 3) | Fase 1–3
```

## Alasan setiap halaman

Setiap halaman di sitemap bisa ditelusuri ke tahap journey, fitur, [tujuan](/strategy/tujuan/), dan [tantangan HMW](/strategy/tantangan-hmw/). Halaman tanpa alasan di tabel ini sebaiknya tidak dibuat.

| Halaman | Tahap journey | Fitur dan fase | Tujuan | HMW | Referensi |
|---|---|---|---|---|---|
| `/` Home | [Awareness](/strategy/perjalanan-fan/) | Home edisi berjalan + countdown · Fase 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/) | Jadwal dan bracket · Fase 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/) | Halaman tiket + deep link GOERS · Fase 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/) | Pendamping laga live + Tebak & Dukung · Fase 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 · Fase 1 Must; satu halaman per kartu · 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/) | Profil tim (4) · Fase 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/) | Daftar pemain + player card · Fase 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/) | Arsip XS-1 dan XS-2 · Fase 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/) | Berita / pengumuman · Fase 1 Should | [B4](/strategy/tujuan/#goal-b4) | — | — |
| `/faq` | [Decision](/strategy/perjalanan-fan/) | FAQ · Fase 1 Must | [U2](/strategy/tujuan/#goal-u2) | [HB1](/strategy/tantangan-hmw/#q-hb1) | [Coachella](/strategy/referensi-produk/#ref-coachella-passes) |
| `/partners` | Sponsor | Partner + media kit · Fase 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 · Fase 1 Could | [B4](/strategy/tujuan/#goal-b4) | — | — |
| `/join` | [Retention](/strategy/perjalanan-fan/) | Waitlist · Fase 1 Must; akun fan dan level · Fase 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) |

## Navigasi utama

Menu dibuat untuk [persona](/strategy/persona/) utama. Tombol Tickets selalu ada di header, seperti di [Baller League](/strategy/referensi-produk/#ref-bl-home).

| Item | Tujuan | Persona |
|---|---|---|
| **XS-3** | Edisi berjalan: jadwal, tiket, live | Semua |
| **How to Play** | Memahami kartu | Nadia, Raka |
| **Teams** | Memilih kubu | Nadia, Raka |
| **Players** | Mengikuti bintang | Dimas, Raka |
| **Archive** | Sejarah dan hasil | Dimas, Bayu |
| **Tickets** (tombol) | Konversi | Semua |

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

## Isi Home (urutan)

Urutannya mengikuti tahap journey: tahu, paham, memutuskan, lalu tetap terhubung.

| # | Blok | Kenapa di sini |
|---|---|---|
| 1 | Hero edisi berjalan: nama, tanggal, venue, countdown, tombol Tickets | [B1](/strategy/tujuan/#goal-b1) · [laga berikutnya + hitung mundur](/strategy/referensi-produk/#ref-pfl-home) |
| 2 | "What is XSERIES" dalam satu kalimat + video teaser | [HU6](/strategy/tantangan-hmw/#q-hu6) · penonton dari reel paham dalam 10 detik |
| 3 | Kartu: carousel X Cards dengan efeknya | [U1](/strategy/tujuan/#goal-u1) · [ikon + satu kalimat efek](/strategy/referensi-produk/#ref-kl-secret-cards) |
| 4 | Pemain unggulan (rank A) | [U4](/strategy/tujuan/#goal-u4) · bintang yang dicari penonton |
| 5 | Empat tim | [HU3](/strategy/tantangan-hmw/#q-hu3) · [kreator pemilik jadi wajah tim](/strategy/referensi-produk/#ref-bl-team) |
| 6 | Jadwal dan harga ringkas | [U2](/strategy/tujuan/#goal-u2) · [satu kalimat menjawab bingung](/strategy/referensi-produk/#ref-coachella-passes) |
| 7 | Berita terbaru | [B4](/strategy/tujuan/#goal-b4) · sumber resmi untuk media |
| 8 | Waitlist | [B3](/strategy/tujuan/#goal-b3) · [waitlist di layar pertama](/strategy/referensi-produk/#ref-bl-home) |
| 9 | Partner | [B2](/strategy/tujuan/#goal-b2) · ruang sponsor tanpa mengganggu konversi |

> [!TIP]
> Validasi navigasi dengan tree test sederhana (5–8 tugas, misalnya "Cari harga Lower Tribune untuk final") sebelum desain high-fidelity.

## Selanjutnya

- [Content model & CMS](/strategy/model-konten/): entitas dan field untuk mengisi setiap halaman di atas.
- [Arah UI](/visual-direction/arah-ui/): desain Home, pendamping laga live, dan komponen kartu.
- [KPI & pengukuran](/strategy/kpi/): cara mengukur apakah setiap halaman bekerja.