Product Designer & Lead (agency)
MotoGP: Web & App
MotoGP: Web & App
→ UX/UI, design system, motion, handoff (mentored a junior on the app I 2022-2023
→ UX/UI, design system, motion, handoff (mentored a junior on the app I 2022-2023
é
→ Overview
→ Overview
MotoGP has a passionate global audience and a mature platform. Within established brand guidelines and technical foundations, I led a platform refresh focused on clarity, speed, and cohesion.
On web, we re-organised the experience around what fans do most: check the calendar, follow live and recent sessions, scan results & standings, watch video, and read news. In parallel, we launched a race-day companion app that puts live updates and the weekend flow in your hand.
Team: Product manager, engineering leads, data/content, QA
→ What I worked on
→ What I worked on
Information architecture & navigation: Simplified global IA so the primary paths—Calendar, Results & Standings, Video, News—are faster to reach. Clear session states (live / upcoming / finished) carried consistently across sections.
Live Race Centre (Design Team)
- Unified view for timing, positions, weather, and session context
- Loading/empty/error states
Results & Standings: Consistent table patterns and cards, quick links from Calendar, Results, Standings to cut the bounce between pages, make the flow continuous. Mobile layouts prioritise 'at a glance' reading
Calendar: Weekend overview + entry to practice/qualifying/race; clearer time zones and session status.
News / Articles: Article templates with stronger hierarchy (lead image, dek, scannable subheads), and better related-content rails to keep fans in flow.
Video → modern OTT model: Streamer-style rails (Latest, Highlights, By GP/Season), series/episode pages. Cross-links from live/results pages into relevant highlights/replays.
Companion app (v1)
Essentials first: real-time updates, weekend schedule, quick results. Shipped in <1 month by leveraging native patterns and existing components from web; patterns in place for personalisation next.
System & handoff: Tokens, data cards, video rails, and article modules shared across web/app; motion guidelines and clean specs for engineering.
Information architecture & navigation: Simplified global IA so the primary paths—Calendar, Results & Standings, Video, News—are faster to reach. Clear session states (live / upcoming / finished) carried consistently across sections.
Live Race Centre (Design Team)
- Unified view for timing, positions, weather, and session context
- Loading/empty/error states
Results & Standings: Consistent table patterns and cards, quick links from Calendar, Results, Standings to cut the bounce between pages, make the flow continuous. Mobile layouts prioritise 'at a glance' reading
Calendar: Weekend overview + entry to practice/qualifying/race; clearer time zones and session status.
News / Articles: Article templates with stronger hierarchy (lead image, dek, scannable subheads), and better related-content rails to keep fans in flow.
Video → modern OTT model: Streamer-style rails (Latest, Highlights, By GP/Season), series/episode pages. Cross-links from live/results pages into relevant highlights/replays.
Companion app (v1)
Essentials first: real-time updates, weekend schedule, quick results. Shipped in <1 month by leveraging native patterns and existing components from web; patterns in place for personalisation next.
System & handoff: Tokens, data cards, video rails, and article modules shared across web/app; motion guidelines and clean specs for engineering.
Information architecture & navigation: Simplified global IA so the primary paths—Calendar, Results & Standings, Video, News—are faster to reach. Clear session states (live / upcoming / finished) carried consistently across sections.
Live Race Centre (Design Team)
- Unified view for timing, positions, weather, and session context
- Loading/empty/error states
Results & Standings: Consistent table patterns and cards, quick links from Calendar, Results, Standings to cut the bounce between pages, make the flow continuous. Mobile layouts prioritise 'at a glance' reading
Calendar: Weekend overview + entry to practice/qualifying/race; clearer time zones and session status.
News / Articles: Article templates with stronger hierarchy (lead image, dek, scannable subheads), and better related-content rails to keep fans in flow.
Video → modern OTT model: Streamer-style rails (Latest, Highlights, By GP/Season), series/episode pages. Cross-links from live/results pages into relevant highlights/replays.
Companion app (v1)
Essentials first: real-time updates, weekend schedule, quick results. Shipped in <1 month by leveraging native patterns and existing components from web; patterns in place for personalisation next.
System & handoff: Tokens, data cards, video rails, and article modules shared across web/app; motion guidelines and clean specs for engineering.
Information architecture & navigation: Simplified global IA so the primary paths—Calendar, Results & Standings, Video, News—are faster to reach. Clear session states (live / upcoming / finished) carried consistently across sections.
Live Race Centre (Design Team)
- Unified view for timing, positions, weather, and session context
- Loading/empty/error states
Results & Standings: Consistent table patterns and cards, quick links from Calendar, Results, Standings to cut the bounce between pages, make the flow continuous. Mobile layouts prioritise 'at a glance' reading
Calendar: Weekend overview + entry to practice/qualifying/race; clearer time zones and session status.
News / Articles: Article templates with stronger hierarchy (lead image, dek, scannable subheads), and better related-content rails to keep fans in flow.
Video → modern OTT model: Streamer-style rails (Latest, Highlights, By GP/Season), series/episode pages. Cross-links from live/results pages into relevant highlights/replays.
Companion app (v1)
Essentials first: real-time updates, weekend schedule, quick results. Shipped in <1 month by leveraging native patterns and existing components from web; patterns in place for personalisation next.
System & handoff: Tokens, data cards, video rails, and article modules shared across web/app; motion guidelines and clean specs for engineering.
→ Outcomes
→ Outcomes
Cohesive end-to-end journeys (Calendar → Live/Results → Video → News) with clearer state and fewer dead-ends.
Stronger engagement and conversion compared with the prior experience.
A componentised foundation that made subsequent updates faster.
→ Reflection
→ Reflection
The focus was clarity within an established ecosystem: make live data effortless, make video browse like a modern OTT product, and give fans a focused app for race weekends—delivered collaboratively with MotoGP’s internal team and built to scale.
é
From startups to stadiums, I’ve designed for millions. Ready for the next scale.
©2025 chloe husson
é
From startups to stadiums, I’ve designed for millions. Ready for the next scale.
©2025 chloe husson
é
From startups to stadiums, I’ve designed for millions. Ready for the next scale.
©2025 chloe husson
From startups to stadiums, I’ve designed for millions. Ready for the next scale.
é
©2025 chloe husson