Follow the game,wear the kit.
A football fan app with two sides that meet at the match: live scores, standings, top scorers and full match stats on one, and a shop for official club kits — customized with your name, number and badges — on the other, so a fan can go from a line-up straight to buying the jersey.
A scores app and a kit shop, joined at the match
The stats side carries live scores, standings, top scorers and a full match view with line-ups and head-to-head statistics. The shop side sells official club kits a fan can customize with a name, number and badges, filtered by team, brand and size. A ‘buy team jersey’ action on the line-up is the hinge between them.
Live scores and deep match stats
Scores, standings and top scorers sit alongside a full match view — game info, line-up formation and a head-to-head breakdown of possession, fouls, corners and more.
Kit made personal
The shop sells official club kits a fan customizes with their own name, number and badges, choosing kit and size, so the jersey is theirs rather than a shelf item.
From the line-up to the checkout
A buy-team-jersey action on the match line-up carries a fan straight from following a game into the shop, so the two sides feed each other instead of sitting apart.
Why put scores and a shop in one app?
Live scores and a merchandise store are usually two products with two audiences and two apps. The design problem was to make them one — each strong on its own, but wired so a fan's attention on a match becomes the reason they buy the kit, without either side feeling bolted on.
Two rhythms, one nav. Scores update live and a shop browses at its own pace, so cramming them into a single flow would hurt both. Answer → a stats side and a shop side, split cleanly across one bottom navigation.
A jersey isn't a single tap. An official kit carries a kit choice, a size, badges and an optional name and number, so a one-tap add to cart would lose real configuration. Answer → a small configurator on the product flow.
Fans follow clubs scattered across leagues and countries. Without real search, finding a team in either the scores or the shop means endless scrolling. Answer → search and filters by league, country, team and brand on both sides.
products merged into one app — live scores and stats on one side, a club-kit shop on the other.
What Victory had to get right
The design problem was to make scores and a shop into one app — each strong on its own, but wired so a fan's attention on a match becomes the reason they buy the kit.
Make each side strong alone
- Keep scores and shop equally strong. Live scores, standings and top scorers stand on their own; the kit shop stands on its own.
- Wire the buy to the moment. A buy-team-jersey action sits right on the match line-up, not buried in a separate store.
- Treat a jersey as a configuration. Kit, size, badges, name and number belong in a small configurator, not a one-tap add.
- Let fans find their team fast. Real search and filters by league, country, team and brand, on both sides.
Why it was hard
- Scores and a shop have very different rhythms, so cramming them into one flow risks hurting both.
- A jersey carries a kit, size, badges and an optional name and number — real configuration, not a single tap.
- Fans follow clubs scattered across leagues and countries, so both sides need real search and filters.
- The two sides still have to feel like one app, sharing a single bottom navigation and account.
What does a fan actually do in Victory?
Five areas carry the app, from the live pulse of the season to the shop a fan narrows down to their own club.
Scores & standings
Stats sideMy scores, standings and all scores, a table and top-scorers ranking, and favourite leagues — the live pulse of the season across the competitions a fan follows.
Match detail
3 tabsGame info, a line-up on the pitch with its formation, and a head-to-head stats breakdown of possession, fouls, corners, offsides and saves — the whole shape of a fixture.
Kit customization
Made yoursOfficial club kits configured by kit, size and badges, with an optional name and number, so a jersey is personalised before it goes in the bag.
Shop filters
Team-ledFilter the store by brand, size, popular team and gender, with a price-range slider, so a fan finds the right kit without scrolling a catalogue.
Discovery & follow
Leagues & teamsSearch and browse by popular league and by country to follow the clubs a fan cares about, wiring the whole app to their own teams.
What does the match view actually show?
The match screen is the heart of the stats side — a live score, the events that made it, the tabs into game detail, and a head-to-head statistical breakdown of the two sides.
The scoreline sits above a timeline of goals and cards, each tagged with its minute and player, so the story of the match reads at a glance.
Three tabs move between the fixture's information, the two starting line-ups and the full statistical breakdown.
A possession dial shows how the two sides split the ball, the single number a fan reaches for first.
Paired bars compare fouls, goals, offsides, corners, saves and ball position side by side across both teams.
What does Victory feel like in the hand?
Victory is a phone-first product — discovering leagues and teams, reading standings and top scorers, studying a line-up, and filtering the kit shop, exactly as drawn.
The scope, in one panel
Every number in this panel is delivered scope — what was designed, built and handed over on the sports build for Victory. It leaves out traffic, conversion and revenue on purpose: those figures belong to the client, and we don’t publish numbers we cannot stand behind.
- Industry
- SportsFan engagement
- Platform
- iOS + AndroidPhone-first
- Commerce
- Club-kit shopConfigurable kit
- What we did
- Product designUX + UI, full app flow
The look, and why
A pitch-green accent carries the live, in-play moments, a deep navy grounds the stats and the shop, and a confident grotesk keeps scores, tags and prices legible at a glance.
What does a fan app that also sells have to get right?
These held well beyond Victory — they separate an app that turns fandom into a purchase from a scores app with a shop tab nobody opens.
Make each side strong alone
The scores have to be worth opening on their own and the shop worth buying from on its own, or joining them helps nothing.
Wire the buy to the moment
The action to buy a kit belongs where a fan is most invested — on the match and the line-up — not hidden in a separate store.
Treat a jersey as a configuration
Kit, size, badges and a name and number make a shirt personal, so the product flow is a small configurator, not a one-tap add.
Let fans find their team fast
Following clubs across leagues and countries needs real search and filters on both the scores and the shop.
Split cleanly, navigate simply
Two products with different rhythms still share one bottom navigation, each complete rather than crammed into the other.
Give the match real depth
Line-ups, formations and head-to-head stats are what make the scores side worth living in between purchases.
Building a sports or fan-commerce app
How long does it take to build a fan app like Victory?
How much does it cost to build a sports app with a shop?
Can you combine live content and e-commerce in one app?
Do you build for both iOS and Android?
How does the kit customization work?
Pairing live content with a store?
Tell us how your business actually works and we'll tell you honestly what it takes to build — the two sides, the configurator, the search. No deck, no pitch.