Riot Games · 2022
Handed offAn app for esports fans
A mobile esports homepage bringing live matches, stories, replays and favourite teams together.
- Contribution
- I designed the homepage layout and UI, and refined favourites, schedule, replay and standings screens.
- Outcome
- Approved by Riot Games and handed over to development.
- Role
- UI Designer
- Platforms
- Mobile
- Timeline
- 2022, at Deltatre
- Team
- 2 UI/UX designers
1 design lead
Home and navigation
One home. Three ways to browse.
Matches, For You and Trending share one scrolling homepage. I designed its layout and UI around their different content roles.
Final direction
One feed, with direct access.
It starts with Matches. Tabs jump to each section and follow the scroll position.
The mobile homepage
Distinct card sizes and layouts give each area its own hierarchy.
Matches: live coverage and highlights 
For You: what fans follow 
Trending: popular across the app
Favourites
Preferences shape the home.
Favourites prioritise content in Matches and For You. Trending stays open to content from across the app.
No favourites
Signed-in fans see a prompt to add favourites, not a personalised For You.
Games or leagues
Related coverage is prioritised in Matches and For You.
Teams added
Team content is prioritised within that game and league coverage.
Choosing favourites
Fans choose a game, then leagues and teams.
Component library
Shared styles and components.
I built shared styles and reusable components for content cards, inputs, buttons and tabs.
Banner layout
A detail from the component library.
Supporting screens
Schedules, replays and standings.
I refined schedule browsing, replay filters and standings, built on the shared styles and controls.
Outcome
Approved and handed over.
The final homepage brought Matches, For You and Trending into one feed, with preference-based priorities and shared styles.
Next project
Testing live esports viewing
Riot Games · 2022
Concept
Thanks for stopping by.
Curious about the work? Let’s talk.
Say hello