Information architecture
Struktur website XSERIES. Halaman ini menyatukan keputusan di Produk digital, sehingga setiap halaman di sitemap punya alasan, fase, dan referensi.
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.
- Enam tahap, dari tahu sampai menunggu edisi berikutnyaUser journey, Persona
- Must, Should, Could per fase, dan pola yang diambilFitur & prioritas, Referensi produk, Tebak & Dukung
- Sitemap, navigasi, dan urutan HomeHalaman ini
- Entitas di CMS dan desain tiap halamanContent model & CMS, Arah UI
Sitemap
Kode di kanan adalah fase dari Fitur & prioritas. F1 = Hub XS-3, F2 = Live companion, F3 = Off-season dan akun fan.
/F1Home: edisi berjalan, countdown, CTA tiket, highlight/xs3F1Hub edisi XS-3 "The Unorthodox"/xs3/fixturesF1Jadwal dan bracket/xs3/ticketsF1Jenis tiket, harga, seat map, lalu ke GOERS/xs3/liveF2Live companion + Tebak & Dukung, aktif saat event
/how-to-playF1XBall: aturan, 24 detik, X Cards, President Cards/cards/[slug]F1Satu halaman per kartu, bisa dibagikan
/teamsF14 tim/teams/[slug]F1Profil tim, kreator pemilik, roster, warna, sejarah
/playersF1Semua pemain, filter rank, tim, kategori/players/[slug]F1Player card, bio, edisi, momen
/archiveF1Semua edisi/archive/xs1, /xs2F1Roster, hasil, MVP, highlight
/newsF1Berita dan pengumuman/faqF1FAQ tiket, venue, siaran/partnersF1Sponsor dan media kit/pressF1Rilis, aset resmi, kontak media
/joinF1–3Waitlist (F1), lalu akun fan, poin, dan level (F3)
F1 = Hub XS-3, F2 = Live companion, F3 = Off-season dan akun fan. Halaman di bawah garis kiri adalah turunan dari halaman induknya.
Alasan setiap halaman
Setiap halaman di sitemap bisa ditelusuri ke tahap journey, fitur, tujuan, dan tantangan HMW. Halaman tanpa alasan di tabel ini sebaiknya tidak dibuat.
| Halaman | Tahap journey | Fitur dan fase | Tujuan | HMW | Referensi |
|---|---|---|---|---|---|
/ Home | Awareness | Home edisi berjalan + countdown · F1 Must | B1, B3 | HU6 | Baller League, PFL |
/xs3, /xs3/fixtures | Awareness, Decision | Jadwal dan bracket · F1 Must | B1, U2 | HB1 | Baller League |
/xs3/tickets | Decision | Halaman tiket + deep link GOERS · F1 Must | B1, U2 | HB1 | Coachella, DWP |
/xs3/live | Match day | Live companion + Tebak & Dukung · F2 | U3, B2, T2 | HU2, HU5, HT2 | Baller League, FotMob, Icon League |
/how-to-play, /cards/[slug] | Consideration | How to Play · F1 Must; satu halaman per kartu · Should | U1, B4 | HU1, HU7 | Baller League, Hearthstone |
/teams | Consideration, Retention | Profil tim (4) · F1 Must | U4 | HU3 | Baller League |
/players | Consideration, Post-match | Daftar pemain + player card · F1 Must | U4 | HU3 | Baller League |
/archive | Post-match | Arsip XS-1 dan XS-2 · F1 Should | U4, B4 | HU7, HB3 | PFL, DWP |
/news | Awareness | Berita / pengumuman · F1 Should | B4 | — | — |
/faq | Decision | FAQ · F1 Must | U2 | HB1 | Coachella |
/partners | Sponsor | Partner + media kit · F1 Should | B2 | HB2, HB5 | Premier League |
/press | Media | Press room · F1 Could | B4 | — | — |
/join | Retention | Waitlist · F1 Must; akun fan dan level · F3 | B3, T4 | HT4, HU4 | Baller League, Kings League |
Navigasi utama
Menu dibuat untuk persona utama. Tombol Tickets selalu ada di header, seperti di Baller League.
| 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 · laga berikutnya + hitung mundur |
| 2 | "What is XSERIES" dalam satu kalimat + video teaser | HU6 · penonton dari reel paham dalam 10 detik |
| 3 | Kartu: carousel X Cards dengan efeknya | U1 · ikon + satu kalimat efek |
| 4 | Pemain unggulan (rank A) | U4 · bintang yang dicari penonton |
| 5 | Empat tim | HU3 · kreator pemilik jadi wajah tim |
| 6 | Jadwal dan harga ringkas | U2 · satu kalimat menjawab bingung |
| 7 | Berita terbaru | B4 · sumber resmi untuk media |
| 8 | Waitlist | B3 · waitlist di layar pertama |
| 9 | Partner | 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: entitas dan field untuk mengisi setiap halaman di atas.
- Arah UI: desain Home, live companion, dan komponen kartu.
- KPI & pengukuran: cara mengukur apakah setiap halaman bekerja.
Benang merah halaman ini
Halaman yang menjadi dasar halaman ini, dan halaman lain yang memakainya.