Mobile App
Figma

SEVolution

Initial Hero Image

Product goal

The SEVolution project aimed to optimise the Single Event View (SEV) in the LiveScore app to enhance users' connection to live matches. We addressed diverse user needs by resolving usability issues, reducing cognitive overload, and improving information flow. The new SEV design is strategically aligned with business targets, notably increasing user engagement and bet convergence.

Target Audience

Primary users were football enthusiasts and bettors, requiring real-time updates and comprehensive statistics worldwide. The design prioritised accessibility, speed, and a user-friendly interface to provide instant access to live updates, commentary, highlights, and key match insights. We catered to both seasoned bettors and casual fans, accommodating their different requirements.

Individual Role

User Research & Analysis, Information Architecture, Wireframing. UI Design & Prototyping and Usability Testing.

Problem statement

The existing SEV interface's multi-tab approach caused cognitive overload, fragmenting the user experience. The goal was to create a streamlined, immersive experience that brings users closer to live action, enabling seamless navigation and effortless engagement with critical match details.

Final Mockups

No items found.
High-Fidelity Prototype

Breaking down the design process

quantitive research

I conducted comprehensive research into user behaviours and market trends, revealing the SEV's potential to drive user engagement and betting activity. This highlighted gaps in the current experience that we could address to add value for both users and the business.

Quantitative Research

Competitive audit

I performed a high-level audit of direct and indirect competitors in sports scores and betting. Many struggled with cognitive overload issues. User testing of competitor products provided insights into how other platforms presented match data and live statistics, informing our design direction.

No items found.

PERSONAs

Personas

Information Architecture

To overcome the limitations of the previous SEV structure, I redesigned the information architecture to centralise the most important data. This involved introducing an overview page with a bento box style UI that gives users quick access to key match elements while reducing the initial amount of information. The bento box-style UI organised content into manageable sections, and quick links CTAs provided instant access to high-priority information identified through further testing.

Information Architecture

Wireframing

Initial sketches rapidly communicated the new layout to stakeholders, and early feedback refined the design to balance user and business goals. We developed low-fidelity prototypes to validate navigation flows for different personas, paying special attention to accessing secondary information like statistics and lineups.

This is some text inside of a div block.

Research Overview

I sourced a series of remote unmoderated usability studies throughout the design phase to gather continuous feedback. These identified key pain points in the old design and validated improvements in the new SEV layout. Later, moderated usability studies, conducted alongside the research team, simulated match-day experiences to ensure the SEV worked intuitively for both novice and experienced users.

Insight 1

Lineups: drive considerable user engagement, unlocking their potential was critical for the connection with the fan anticipation within the experience.

Insight 2

Reduced Data Overload: allowing users to focus on what mattered, decreasing cognitive load until the interact with a specific element to unlock further levels of information.

Insight 3

A/B Testing: enabling gradual rollout and data-driven adaptations during deployment.

Style guide

Styleguide
Final Hero Image

Lessons Learnt

Managing multiple stakeholder expectations during this major feature overhaul honed my ability to present and justify design decisions. The overwhelmingly positive response validated our approach.

Insight 1

Developer Collaboration: constant communication with developers identified edge cases and ensured a smooth transition from design to implementation.

Insight 2

Stakeholder Management: balancing conflicting opinions and business priorities required effective communication and leveraging user testing evidence.

Insight 3

Future-Proof Design: the bento box UI design enhanced user experience and provided a flexible foundation for future SEV evolutions.