🌟
Awards
Lead Product Designer (Agency)
Lead Product Designer (Agency)
FC Barcelona: App
FC Barcelona: App
FOCUS AREA
Sign Up
OnBoarding
Membership
App header Nav
FOCUS AREA
Sign Up
OnBoarding
Membership
App header Nav
Redesign & Enhancements I 2025 I 2 Webby Awards
Redesign & Enhancements I 2025 I 2 Webby Awards
é
Built in 2018, the original app relied heavily on webviews. Following a strong season, we reworked it into a more product-led, fan-first experience, redesigning core journeys and introducing design-system and motion foundations.
The app later won the Webby People’s Voice Award (2025), the first football club app to do so.
✍️ What I worked on
✍️ What I worked on
Product workshops & roadmap
Aligning stakeholders, defining priorities, and balancing quick wins with longer-term app-first ideas.
Information architecture
Simplifying navigation and focusing on top tasks for match days and everyday use.
Design-system foundations
Setting up tokens, components, states, and motion guidelines to support future growth.
Key feature updates
Redesigning core areas like Match Centre, Profile (accounts & preferences), and Results.
Motion & micro-interactions
Using subtle feedback, transitions, and loading states to improve clarity and flow.
Accessibility & localisation
Improving type scale, contrast, touch targets, and supporting multiple languages.
Product workshops & roadmap:
Aligning stakeholders, defining priorities, and balancing quick wins with longer-term app-first ideas.
Information architecture
Simplifying navigation and focusing on top tasks for match days and everyday use.
Design-system foundations
Setting up tokens, components, states, and motion guidelines to support future growth.
Key feature updates: new Match Centre widget, enhanced Profile (accounts & preferences), refreshed Results.
Motion & micro-interactions: subtle feedback, transitions, and loading states for clarity and pace.
Accessibility & localisation: type scale, contrast, touch targets, and multi-language considerations.
🌟 Selected highlights
Match Centre Summary Card
- Live states, clearer hierarchy for score, timeline, and key events.
- Motion cues for state changes (e.g., goal updates) kept subtle but legible
Profile (new)
- Clean account area with Fan benefits, preferences and notifications.
- Foundation for future membership/ticketing touchpoints.
Fixtures/standings tables (updated)
- Faster scannability across fixtures and leagues/competitions.
- Consistent cards and empty/error/results states defined in system.
Match Centre Summary Card
- Live states, clearer hierarchy for score, timeline, and key events.
- Motion cues for state changes (e.g., goal updates) kept subtle but legible
Profile (new)
- Clean account area with Fan benefits, preferences and notifications.
- Foundation for future membership/ticketing touchpoints.
Fixtures/standings tables (updated)
- Faster scannability across fixtures and leagues/competitions.
- Consistent cards and empty/error/results states defined in system.
⚒️ Approach
Discovery & alignment
Stakeholder workshops captured business priorities and fan pain points; we reframed success around app-native value instead of site parity.
Prioritise top fan tasks
We mapped must-have moments (before, during, after matches) and everyday tasks, focusing on speed to content and clarity of state.
Systemise for scale
Established design tokens, components, and motion patterns to reduce one-offs and make future features faster and more consistent.
Ship in increments
Delivered high-impact modules first (Match Centre, Profile, Results) while planning a staged reduction of webviews.
Discovery & alignment
Stakeholder workshops captured business priorities and fan pain points; we reframed success around app-native value instead of site parity.
Prioritise top fan tasks
We mapped must-have moments (before, during, after matches) and everyday tasks, focusing on speed to content and clarity of state.
Systemise for scale
Established design tokens, components, and motion patterns to reduce one-offs and make future features faster and more consistent.
Ship in increments
Delivered high-impact modules first (Match Centre, Profile, Results) while planning a staged reduction of webviews.
This project balanced brand, speed, and scale: moving from a site-driven app to a product that feels truly native, with a system that supports the club’s pace and ambition. This was a true partnership between product, design, and engineering: align on goals, ship in increments, and let a solid system do the heavy lifting. The award is great validation, but the real win is a faster path to future features.
This project balanced brand, speed, and scale: moving from a site-driven app to a product that feels truly native, with a system that supports the club’s pace and ambition. This was a true partnership between product, design, and engineering: align on goals, ship in increments, and let a solid system do the heavy lifting. The award is great validation, but the real win is a faster path to future features.
é
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