Product references

Screenshots of other digital products, competitors and beyond the league, with the parts XSERIES can take. Each reference is linked to a fan journey stage, goals, HMW challenges, and opportunities.

Note
Screenshots were taken on 1 Nov 2026 and belong to their owners. They are used for internal discussion: we take the pattern, not the look. Click an image to see it full size, and click a title to open the source.

How to read this

References do not have to come from competitors. The most useful patterns often come from other products that already solved the same problem: live score apps, card games, music festivals.

User journey

Stage

The stage where the fan meets this pattern (User journey)

Pattern

Take

What they do well

Translation

For XSERIES

What it looks like for XSERIES

Limits

Avoid

What does not fit XSERIES or Indonesia

Goals · HMW · Opportunity

Links

Why the pattern matters (Goals, Challenges & HMW, Opportunity map)

This page moves from 21 references by fan journey stage, to recurring patterns and unique ideas, and ends with the implementation priority as its conclusion. The Must, Should, and Could labels on each card are explained in that last part.

1. Awareness

Must · Phase 1CompetitorAwareness

Baller League UK · Home

Take: The "Sign up for updates, giveaways & exclusive content" form sits on the first screen, beside the hero. A yellow Get Tickets button stays in the header on every page.
For XSERIES: An XS-4 presale waitlist on the first screen, with a clear reason: know first when presale opens. The ticket button stays in the header, with no pop-up.
Avoid: A form with no word on how the data is used. We write clear consent under the PDP Law.
Links: Own audience Measurable tickets Get XSERIES in 10 seconds Trusted data · Opportunity 1, 3

Must · Phase 1CompetitorAwareness

Pro Futsal League · Home

Take: The hero answers what (a professional futsal league), when (kickoff 26 Sep), and key numbers (10 clubs, 90 matches). A "next match" card with a countdown and a Buy Ticket button.
For XSERIES: The XSERIES first screen: what it is, XS-3 date and venue, a countdown, then tickets. Readable in 10 seconds.
Avoid: A "highest" claim with no proof. XSERIES competes in entertainment, not as a league (Positioning).
Links: Measurable tickets Buy tickets Get XSERIES in 10 seconds IG content → seat · Opportunity 1

Must · Phase 1Beyond the leagueAwareness

Djakarta Warehouse Project · Mobile home

Take: One phone screen holds the logo, date, city, a Line up button, a "Buy tickets or Reserve & Hold" button, and a countdown. Jakarta audiences already know this pattern.
For XSERIES: The same order for the XS-3 mobile hero. Ask GOERS whether an instalment or hold option like Reserve & Hold exists.
Avoid: Small text over a busy photo. Text contrast must pass WCAG (Color palette).
Links: Measurable tickets Buy tickets Fast & accessible Get XSERIES in 10 seconds IG content → seat · Opportunity 1

2. Consideration

Must · Phase 1CompetitorConsideration

Baller League · Gamechangers

Take: Each special rule becomes one card: a name, a one-line effect, and a pitch diagram. Cards are grouped by when they are active (first half minute 12, second half minute 27).
For XSERIES: X Card and President Card explainers in the same pattern: name, effect, when it can be used, and a 5v5 diagram. One screen per card.
Avoid: Heavy animation before the content appears. The explainer must be readable without waiting.
Links: Understand the rules Digital sponsors Understand the X Card · Opportunity 2

Should · Phase 1CompetitorConsideration

Kings League · Secret cards

Take: A card icon, a name, and a one-line effect, in a row. A rules video sits on top for anyone who wants the full version.
For XSERIES: One icon per XSERIES card, used in the explainer, live match companion, and overlay. One icon, one meaning (Motifs & iconography).
Avoid: Rules only in video. Text is still needed for viewers reading at the venue without sound.
Links: Understand the rules Understand the X Card Cards readable during live · Opportunity 2

Should · Phase 1Beyond the leagueConsideration

Hearthstone · Card library

Take: A card library with filters (cost, class, keyword), and every card has its own page. The cards are the center of the product, not an appendix.
For XSERIES: An XSERIES card library: every X Card and President Card, filters by edition and type, and a shareable URL for each card.
Avoid: As many filters as a card game. XSERIES has only 10 cards, so two filters are enough.
Links: Understand the rules Connected outside the season Understand the X Card · Opportunity 2, 5

3. Decision

Must · Phase 1CompetitorDecision

Baller League · Fixtures & results

Take: A Tickets button on every match row, not one generic link. Gameday picker on top.
For XSERIES: A schedule per day (23 and 24 Jan) with a ticket button per day and section, going straight to the right GOERS page, with UTM.
Avoid: Times in one time zone only. Write WIB, plus the time zone of overseas fans if Fans outside Indonesia goes ahead.
Links: Measurable tickets Buy tickets IG content → seat Owned data · Opportunity 1

Must · Phase 1Beyond the leagueDecision

Coachella · Passes

Take: An "Important details" box answers the main question in one line: "No difference in tiers other than price. Buy early to save." Jump links lead to pass types, payment plans, and the waitlist.
For XSERIES: On the ticket page, one sentence that answers the biggest confusion (Presale vs Normal vs section). Take it from the most common CS question.
Avoid: Hiding extra fees until checkout. Show the final price, or state the GOERS fee clearly.
Links: Buy tickets Measurable tickets IG content → seat · Opportunity 1, 3

4. Match day

Should · Phase 2CompetitorMatch day

Baller League · Match centre

Take: A pressure chart per half minute, team stats, and an event timeline on one page. Gamechanger moments are marked on the chart.
For XSERIES: Live match companion: a card timeline (when used, effect, time left) beside the score. A card-moment chart shows the effect on the score.
Avoid: Depending on a data feed. If production data is not available (Real-time score data), the first version is filled in manually by an operator (Live fallback).
Links: Take part during matches Withstands spikes Cards readable during live Live fallback · Opportunity 4

Must · Phase 2CompetitorMatch day

Baller League · Mobile match centre

Take: The first phone screen: a big score, team abbreviations, date, and venue. The pressure chart sits right below.
For XSERIES: Score and active cards must fit on the first phone screen, because fans watch YouTube on the same screen or stand in the venue.
Avoid: Team logos too detailed at small sizes. Prepare icon versions of the franchise logos.
Links: Take part during matches Fast & accessible Present from YouTube · Opportunity 4

Should · Phase 2Beyond the leagueMatch day

FotMob · Match page

Take: A momentum chart and an event list with icons and minutes. A cancelled card is written as its own event, so a status change stays readable.
For XSERIES: Every XSERIES card has a status: active, ended, cancelled. Write it as an event in the timeline, not just an icon change.
Avoid: Betting ads on the match page. Not suitable for a young audience or Indonesian law.
Links: Take part during matches Cards readable during live · Opportunity 4

Should · Phase 2Beyond the leagueMatch day

Apple Sports

Take: Its App Store promise: "Real-time scores. Fast and simple." Scores without news, video, or ads on the main screen.
For XSERIES: The live match companion wins on speed and simplicity, not feature count. One screen holds score, time, and active cards. Everything else is one tap away.
Avoid: Building a native app. In Features & priorities a native app is a Won't. The web with an add-to-home-screen option is enough until Phase 2–3 data shows repeat use.
Links: Take part during matches Fast & accessible Present from YouTube · Opportunity 4

Should · Phase 2CompetitorMatch day

Icon League · Tippspiel

Take: A score prediction game with prizes, offered on the home page and sponsored by one brand. A reason to come back every matchday.
For XSERIES: Card and score predictions in the live match companion, with merchandise or next-edition tickets as prizes, sponsored by a non-betting brand (Digital sponsors).
Avoid: A betting sponsor (Icon League uses bwin). Online gambling is illegal in Indonesia, and many XSERIES fans are still at school. The XSERIES version without gambling is in Predict & Back.
Links: Take part during matches Digital sponsors Own audience Present from YouTube Sponsors in the moment · Opportunity 4, 7

5. Post-match

Should · Phase 1–2Beyond the leaguePost-match

Premier League · Awards

Take: Each award has its own sponsor (Player, Manager, Save, Goal of the Month), with a video of the moment.
For XSERIES: "Presented by" for MVP, Card of the Match, and Comeback of the Day. The sponsor attaches to a moment, not a banner.
Avoid: So many awards that none feels important. Three is enough.
Links: Digital sponsors Connected outside the season Sponsors in the moment Moments easy to share · Opportunity 7

Could · Phase 3CompetitorPost-match

Baller League · Statistics

Take: A leaderboard per category (goals, assists, passing) with the top player highlighted large.
For XSERIES: XSERIES leaderboards per edition: goals, most decisive card, MVP. Each leaderboard can be a sponsor slot.
Avoid: Stats we have no data for. Start with what an operator can record.
Links: Connected outside the season Digital sponsors Care about teams · Opportunity 5, 7

Should · Phase 1CompetitorPost-match

Baller League · Player database

Take: A player database with photos in kit and filters for team, tier, and position.
For XSERIES: The tier filter maps to the A/Q/J/P card ranks (A/Q/J/P rank meaning). Every player has a player card.
Avoid: Player photos without web usage rights. Ask the client for the original files and permission.
Links: Connected outside the season Care about teams · Opportunity 5

Could · Phase 3CompetitorPost-match

Pro Futsal League · Standings

Take: Standings with the last five results as colored chips, in Indonesian.
For XSERIES: For a two-day tournament, swap standings for a bracket and a head-to-head history between franchises across editions.
Avoid: Wide tables that need sideways scrolling on a phone. Show only the key columns on mobile.
Links: Connected outside the season Position in SEA Care about teams · Opportunity 6

Should · Phase 1Beyond the leaguePost-match

Djakarta Warehouse Project · Aftermovie

Take: Last edition's aftermovie is shown large on the home page, with a floating "Ready to rave? Get your tickets" button.
For XSERIES: XS-2 and XS-3 highlights become the bridge to the next edition: after the video comes an XS-4 waitlist prompt.
Avoid: Video that autoplays with sound, or is too heavy for 4G.
Links: Connected outside the season Measurable tickets Own audience Moments easy to share Between editions · Opportunity 6

6. Retention

Must · Phase 1CompetitorRetention

Baller League · Team page

Take: The team page shows the next match with a ticket button, the last result, a mini table, and a photo of the team owner (a creator).
For XSERIES: An XSERIES franchise page: identity, roster, rivals, results across editions, and when the team plays next. The creator who owns the team is the way in for fans.
Avoid: Team pages that go empty off-season. Fill them with the archive and player stories.
Links: Connected outside the season Measurable tickets Care about teams Between editions · Opportunity 5, 8

Could · Phase 3CompetitorRetention

Kings League Fantasy

Take: Fantasy: build a team, collect players, join private leagues with friends. Fans get a reason to open the app between matches.
For XSERIES: A light version for Phase 3: collect player cards by attending the venue and making predictions, saved to the fan account.
Avoid: A separate app with a complex points system before there are registered fans. Start on the web.
Links: Connected outside the season Own audience Between editions · Opportunity 3, 5, 8

Could · Phase 3Beyond the leagueRetention

Pokémon TCG Pocket

Take: A small reason every day: open a free pack, look at the collection, show it to friends. Digital cards feel valuable through visual effects.
For XSERIES: An XSERIES player card collection: new cards unlock at player reveals and when attending the venue. A shine effect for rank A.
Avoid: Paid packs and gambling-like mechanics. Every XSERIES card is earned by attending or taking part, never bought.
Links: Connected outside the season Own audience Between editions · Opportunity 5, 8

Recurring patterns

Four patterns show up in more than one product. These are the strongest candidates for Features & priorities.

Patterns4

Understand the X Card

Rules as cards

Used by: Baller League, Kings League, Hearthstone

For XSERIES: X Card and President Card explainer, Phase 1

IG content → seat

A ticket next to every match

Used by: Baller League, PFL, DWP

For XSERIES: Ticket button per day and section, with UTM, Phase 1

Sponsors in the moment

Sponsors attached to moments

Used by: Premier League, Icon League

For XSERIES: "Presented by" for MVP and Card of the Match, Phase 1–2

Between editions

A small reason to come back

Used by: Kings League Fantasy, Pokémon TCG Pocket, Icon League

For XSERIES: Predictions and player card collection, Phase 2–3

Unique ideas we can implement

From the patterns above, eight that are rare on ordinary sports sites. Some are only possible at XSERIES because of the cards.

1
Rule cards with a pitch diagram
Baller LeagueMust · Phase 1
Why it is unique
Other leagues explain rules through video or long text. Here one rule = one card, with a position diagram.
At XSERIES
X Cards and President Cards become digital cards you can flip: name and icon on the front, effect and a 5v5 diagram on the back.
Understand the rules Understand the X Card
2
Every card has its own URL
HearthstoneShould · Phase 1
Why it is unique
Sports leagues do not treat rules as pages people can search and share. Card games do.
At XSERIES
A /kartu/golden-boy page that can be shared when a card goes viral, and found on Google.
Understand the rules Position in SEA Moments easy to share
3
Card status as an event
FotMobShould · Phase 2
Why it is unique
A cancelled card is recorded as its own event, not just an icon change.
At XSERIES
The live timeline records when a card is active, ended, or cancelled. Late viewers still understand.
Take part during matches Cards readable during live
4
Predicting card moments
Icon League + XSERIESShould · Phase 2
Why it is unique
No competitor has card moments. A 30–60-second prediction window is only possible at XSERIES.
At XSERIES
A free prediction every time a card is played, with points and fan levels. See Predict & Back.
Take part during matches Digital sponsors Present from YouTube
5
One line that ends the confusion
CoachellaMust · Phase 1
Why it is unique
The buyer's number one question is answered at the top, before the price list.
At XSERIES
The opening line of the ticket page comes from the most common GOERS CS question.
Buy tickets IG content → seat
6
A sponsor per award
Premier LeagueShould · Phase 1–2
Why it is unique
Sponsors buy a moment (Goal of the Month, Save of the Month), not a banner.
At XSERIES
MVP, Card of the Match, and Comeback of the Day, each with one sponsor.
Digital sponsors Sponsors in the moment
7
The owner is the face of the team
Baller LeagueShould · Phase 1
Why it is unique
Teams are owned by creators, and the team page uses their faces as the way in for fans.
At XSERIES
Franchise pages open with the creator who owns them, so the creator's fans care about the team too.
Connected outside the season Care about teams
8
Reserve & Hold
Djakarta Warehouse ProjectCould · Phase 1
Why it is unique
In the local market, tickets can be "held" or paid in instalments. This lowers the barrier for young viewers.
At XSERIES
Ask GOERS whether a hold or instalment option is possible for the XS-4 presale.
Buy tickets Measurable tickets IG content → seat

What we deliberately do not copy

✕Them

SponsorsBetting (bwin at Icon League, betting ads on FotMob)
PlatformA separate native app for fantasy
CollectionPaid packs and random mechanics
DataDepending on an automatic data feed

✓XSERIES

SponsorsNon-betting brands, because many fans are still at school and online gambling is illegal
PlatformWeb first, with add-to-home-screen
CollectionCards are earned by attending and taking part, never bought
DataA manual operator panel as a fallback (Live fallback)

Implementation priority

The conclusion of this page. The "For XSERIES" parts of the 21 references above are sorted with MoSCoW by goals and phase. Each reference card carries the same label.

Must8

Without it, the phase goal fails. Phase 1: Measurable tickets Own audience Understand the rules Buy tickets. Phase 2: Take part during matches.

Waitlist on the first screenBaller League UK · Awareness · Phase 1 · Own audience Measurable tickets Get XSERIES in 10 seconds Trusted data
Next match + countdownPro Futsal League · Awareness · Phase 1 · Measurable tickets Buy tickets Get XSERIES in 10 seconds IG content → seat
One screen: when, where, buyDjakarta Warehouse Project · Awareness · Phase 1 · Measurable tickets Buy tickets Fast & accessible Get XSERIES in 10 seconds IG content → seat
Rule = card + diagramBaller League · Consideration · Phase 1 · Understand the rules Digital sponsors Understand the X Card
Ticket button per matchBaller League · Decision · Phase 1 · Measurable tickets Buy tickets IG content → seat Owned data
One line answers the confusionCoachella · Decision · Phase 1 · Buy tickets Measurable tickets IG content → seat
Team + next matchBaller League · Retention · Phase 1 · Connected outside the season Measurable tickets Care about teams Between editions
Score on the first phone screenBaller League · Match day · Phase 2 · Take part during matches Fast & accessible Present from YouTube

Should9

High value for one goal, but launch works without it. Goes into the next sprint.

Icon + one-line effectKings League · Consideration · Phase 1 · Understand the rules Understand the X Card Cards readable during live
Every card has a pageHearthstone · Consideration · Phase 1 · Understand the rules Connected outside the season Understand the X Card
Tier filter = card rankBaller League · Post-match · Phase 1 · Connected outside the season Care about teams
Aftermovie → next editionDjakarta Warehouse Project · Post-match · Phase 1 · Connected outside the season Measurable tickets Own audience Moments easy to share Between editions
A sponsor per awardPremier League · Post-match · Phase 1–2 · Digital sponsors Connected outside the season Sponsors in the moment Moments easy to share
Event timeline + chartBaller League · Match day · Phase 2 · Take part during matches Withstands spikes Cards readable during live Live fallback
Card status as an eventFotMob · Match day · Phase 2 · Take part during matches Cards readable during live
Fast and simpleApple Sports · Match day · Phase 2 · Take part during matches Fast & accessible Present from YouTube
Sponsored predictionsIcon League · Match day · Phase 2 · Take part during matches Digital sponsors Own audience Present from YouTube Sponsors in the moment

Could4

Nice to have. Needs a fan account or data first, or has little value now. Mostly Phase 3.

Leaderboard = sponsor slotBaller League · Post-match · Phase 3 · Connected outside the season Digital sponsors Care about teams
History across editionsPro Futsal League · Post-match · Phase 3 · Connected outside the season Position in SEA Care about teams
A reason to return between matchesKings League Fantasy · Retention · Phase 3 · Connected outside the season Own audience Between editions
Daily card collectionPokémon TCG Pocket · Retention · Phase 3 · Connected outside the season Own audience Between editions

Won't4

Conflicts with goals, the law, or team capacity.

Betting sponsorsOnline gambling is illegal, many fans are at school
A native fantasy appToo heavy before there are registered fans
Paid card packsGambling-like mechanics
Relying fully on a data feedAlways keep a manual operator panel

In short: 8 Must (7 for Phase 1, 1 for Phase 2), 9 Should, and 4 Could. Every Phase 1 Must is already on the Must list in Features & priorities. These references show what it looks like.

This priority list feeds Features & priorities, and is then laid out as pages in Information architecture. For a fuller list of competitor features (without screenshots), see Digital product benchmark. For visual patterns like color, type, and photography, see Moodboard & references.

Research basis

Screenshots of other products were taken on 1 Nov 2026 from the URL on each card. For products outside the leagues (DWP, Coachella, Hearthstone, FotMob, Apple Sports, Premier League, Pokémon TCG Pocket), the screenshot is the only source
Baller League has a Matches, Table, Statistics, Teams, Players, Rules, and Get Tickets structure: Digital product benchmark, from ballerleague.uk
Baller League Gamechangers are picked by a wheel at minutes 12 and 27: Competitor landscape, from Baller League rulebook
Kings League has an illustrated rules page and Secret Cards: Digital product benchmark, from Kings League rules and CBS Sports
Kings League Fantasy is rated 18+ for simulated gambling: Digital product benchmark, from App Store
Icon League Tippspiel and the bwin sponsorship come from the screenshot only. Icon League features are not verified: Competitor landscape
Pro Futsal League has 12 men's teams: Competitor landscape, from RCTI+. The "10 clubs, 90 matches" on the PFL card comes from a homepage screenshot and does not match the research yet
XS-2 used 10 cards: 6 X Cards and 4 President Cards: Format & rules, from Bola.com
XS-3 is on 23–24 Jan 2027: XSERIES-3 tickets, from GOERS
Ticket types and prices exclude tax and service fees: XSERIES-3 tickets, from GOERS
The XSERIES audience base is high school and university students from Futsal Series: Games of Society, from gamesofsociety.com
The meaning of ranks A, Q, J, and P is not confirmed yet: A/Q/J/P rank meaning
Whether real-time score and card data is available is not confirmed yet: Real-time score data
Online gambling is illegal in Indonesia: no source yet, needs client confirmation
Mapping references to features and the implementation priority is the design team's proposal and has not been validated by the client: Open questions

Rule cards with a pitch diagram

Every card has its own URL

Card status as an event

Predicting card moments

One line that ends the confusion

A sponsor per award

The owner is the face of the team

Reserve & Hold

How this page connects

Builds on 16

Used by 7