DAZN’s Match Stats UI – Turning Data into Clarity - DAZN UI Breakdown

The large, centered typography for team scores ensures it’s the first element that grabs attention. Supporting details like the competition name and aggregate score are smaller but strategically placed to maintain visual flow.

Using team colors, icons, and time stamps for events like goals or cards adds energy and context. The expandable update feed allows users to dive deeper without cluttering the main view.

Tabs like “H2H,” “Lineups,” “Live updates,” and “Stats” give users control over what they want to explore. It reduces scrolling and makes the experience modular and intuitive for different user types.

Sub-tabs such as “Attacks,” “Defence,” “Passing,” and “Discipline” group related stats together. This prevents information overload and makes it easier for users to focus on one dimension of performance at a time.

All data visualizations and text align left for Inter and right for Barcelona. This consistent left-right mirroring keeps the experience predictable and helps users instantly associate information with the right team.