--- title: Connecting the dots intro: How all parts of these docs connect to each other. Every visual decision and every feature can be traced back to a research finding, through the same goals and challenges. updated: 1 Nov 2026 status: Draft --- ## One flow, four stages ```viz-flow ## Research kicker: 01 · What we know tone: research - Facts, numbers, and evidence - [Open questions](/research/pertanyaan-terbuka/) for what is still unclear ## Strategy kicker: 02 · Where we are going tone: strategy - Business, user, tech [goals](/strategy/tujuan/) - [HMW challenges](/strategy/tantangan-hmw/), features, and KPIs ## Visual Direction kicker: 03 · How it feels tone: visual - Principles, palette, components - [Decision log](/visual-direction/log-keputusan/) ## Product kicker: 04 · What gets built tone: product - Phase 1 before the event, Phase 2 during the event, Phase 3 after the event ([Roadmap](/strategy/roadmap/)) band: The arrows also work in reverse. If Phase 1 data contradicts an assumption, go back to the research and update the goal. ``` In one sentence: **XSERIES has no official website yet and does not own its fans yet, so we build an official website that explains the cards, brings matches to life, and collects fans, with the night-arena feel of XS-3.** ## Seven threads Each row below is one thread: a research finding that becomes a goal, a challenge, a feature, a measure, and finally a visual decision. Click the links in each node to see the evidence. ```viz-thread cols: Research finding | Goal | HMW challenge | Feature · phase | Measure | Visual direction tones: research | strategy | strategy | product | strategy | visual ## No official website yet - Info scattered across stories, GOERS, YouTube, and media articles ([Digital touchpoints](/research/touchpoint-digital/)) - [B1](/strategy/tujuan/#goal-b1) measurable tickets, [U2](/strategy/tujuan/#goal-u2) buy tickets - [HB1](/strategy/tantangan-hmw/#q-hb1) from IG content to a seat - XS-3 hub: schedule, tickets, text FAQ · Phase 1 - Clicks to GOERS with UTM ([KPI](/strategy/kpi/)) - [Night arena](/visual-direction/prinsip-visual/), dark mode by default ## Rules only explained by the media - The only full explanation of the cards is on Bola.com ([Format & rules](/research/format-dan-aturan/)) - [U1](/strategy/tujuan/#goal-u1) understand the rules - [HU1](/strategy/tantangan-hmw/#q-hu1) understand the X Card in one screen - Card explainer · Phase 1 - 4 of 5 test participants can explain an X Card - [Cards are the language](/visual-direction/prinsip-visual/); X Cards mint, President Cards gold ## Active cards not visible - Viewers do not know which card is active and for how long ([Format & rules](/research/format-dan-aturan/#cards-in-the-digital-product)) - [U3](/strategy/tujuan/#goal-u3) take part during matches - [HU2](/strategy/tantangan-hmw/#q-hu2) readable chaos - Live match companion + card timeline · Phase 2 - Predictions per user - [Readable chaos](/visual-direction/prinsip-visual/); card glow 900ms ([Motion](/visual-direction/foto-dan-motion/)) ## No fan data - The whole audience is on IG, YouTube, and GOERS ([Social media numbers](/research/angka-media-sosial/)) - [B3](/strategy/tujuan/#goal-b3) north star, [T4](/strategy/tujuan/#goal-t4) - [HT4](/strategy/tantangan-hmw/#q-ht4) trusted data - Waitlist (Phase 1), fan accounts (Phase 3) - Registered fans: 5–10% of followers within 6 months - Prompts appear at the point of value, not at the entrance ## Long gap between editions - XS-1 Sep 2025, XS-2 Jan 2026 (4 months), XS-3 Jan 2027 (12 months), XS-4 not announced yet ([Edition timeline](/research/timeline-edisi/)) - [U4](/strategy/tujuan/#goal-u4) connected outside the season - [HU4](/strategy/tantangan-hmw/#q-hu4) between editions - Archive, player card collection · Phase 3 - 30/90-day retention - [Card rank system](/visual-direction/motif-dan-ikonografi/), [One brand, many editions](/visual-direction/prinsip-visual/) ## Sponsors only physical - Sponsors appear on banners, jerseys, and backdrops ([Sponsors & partners](/research/sponsor-dan-partner/)) - [B2](/strategy/tujuan/#goal-b2) digital sponsors - [HB2](/strategy/tantangan-hmw/#q-hb2) sponsors in game moments - "Presented by" slot · Phase 1–2 - Impressions and clicks per asset - Sponsor slot on the player card ([sponsor slot decision](/visual-direction/log-keputusan/#vd-09)) ## Identity changes every edition - Blue, blue-purple, then black-red-teal ([Identity audit](/visual-direction/audit-identitas/)) - [B4](/strategy/tujuan/#goal-b4) recognized in Southeast Asia - [HB3](/strategy/tantangan-hmw/#q-hb3) recognized across editions - Components with the `--edition-accent` variable · Phase 1 - Asset consistency in every new edition - [Core palette](/visual-direction/palet-warna/) black, red, mint ([palette decision](/visual-direction/log-keputusan/#vd-02)) ``` ## How to use this page - **When proposing a new feature:** find its thread. If there is no research finding at the far left, the feature is still an assumption. Note it on the [Open questions](/research/pertanyaan-terbuka/). - **When proposing a visual decision:** make sure there is a goal it serves. Note it in the [Visual decision log](/visual-direction/log-keputusan/). - **When new data comes in:** update the leftmost node first, then check whether the nodes to its right still hold. ## Stages and key pages ```viz-journey rows: Question | Key pages | Output ## Research - What already exists, and what is still unclear? - [Overview](/research/overview/), [Competitor landscape](/research/competitor-landscape/), [Open questions](/research/pertanyaan-terbuka/) - Facts with evidence ## Strategy - What do we want to achieve, and for whom? - [Goals](/strategy/tujuan/), [Challenges & HMW](/strategy/tantangan-hmw/), [Personas](/strategy/persona/) - Goals, HMWs, features, KPIs ## Visual Direction - How does it feel? - [Visual principles](/visual-direction/prinsip-visual/), [Digital product UI direction](/visual-direction/arah-ui/) - Principles, tokens, components ## Product - What gets built first? - [Features & priorities](/strategy/fitur-dan-prioritas/), [Information architecture](/strategy/arsitektur-informasi/), [Roadmap](/strategy/roadmap/) - Phase 1, 2, 3 ``` > [!TIP] > Continue to the [Strategy summary](/strategy/ringkasan-strategi/), the final conclusion of the whole strategy on one page. ## Research basis - There is no working official website yet. The XSERIES subdomain is still a placeholder and information is spread across IG, GOERS, YouTube, and media: [Digital touchpoints](/research/touchpoint-digital/#gaps-found), from [xseries.gamesofsociety.com](https://xseries.gamesofsociety.com) - The most complete card explanation is on Bola.com. The official channels have only one rules video, for XS-1: [Format & rules](/research/format-dan-aturan/#card-rules-changed-between-editions), from [Bola.com](https://www.bola.com/indonesia/read/6258652/xseries-2-sajikan-sportainment-5v5-dengan-aturan-unik-dimeriahkan-bintang-nasional-hingga-dunia) and [the XSERIES: EXPLAINED video](https://www.youtube.com/watch?v=dV01YKtiNCo) - Viewers cannot tell which card is active. This is the documentation team's conclusion and has not been tested with viewers: [Format & rules](/research/format-dan-aturan/#cards-in-the-digital-product) - The Kings League and Baller League rules pages are still static: [Digital product benchmark](/research/benchmark-produk-digital/#relevant-feature-patterns), from [Kings League rules](https://pages.kingsleague.pro/rules) and [ballerleague.uk](https://ballerleague.uk/en/) - The audience is on IG (60.2K followers) and GOS YouTube (241K subscribers), and XSERIES has no fan database of its own: [Social media numbers](/research/angka-media-sosial/#summary-by-channel) and [Digital touchpoints](/research/touchpoint-digital/#gaps-found), from [Instagram @xseries___](https://www.instagram.com/xseries___/) and [YouTube @gamesofsociety](https://www.youtube.com/@gamesofsociety) - XS-1 was held in Sep 2025, XS-2 in Jan 2026, and XS-3 is on 23–24 Jan 2027. The gap from XS-2 to XS-3 is about 12 months: [Edition timeline](/research/timeline-edisi/#edition-summary), from [Lapangbola](https://live.lapangbola.com/tournaments/fixtures/klasemen-x-series-2025) and [GOERS](https://www.goersapp.com/events/xseries-3--xseries3) - Sponsor assets today are physical only: LED boards, backdrops, jerseys, and posters: [Sponsors & partners](/research/sponsor-dan-partner/#visible-sponsor-inventory), from [Instagram @xseries___](https://www.instagram.com/xseries___/) - The theme and colors change completely each edition: [Identity audit](/visual-direction/audit-identitas/#summary) - The order, targets, and product direction on this page are the design team's proposal and have not been validated by the client: [Open questions](/research/pertanyaan-terbuka/)