Josef Bley
Josef Bley
Josef Bley
Josef Bley
SPORT1 Media Library – UX & UI Redesign
SPORT1 Media Library – UX & UI Redesign
Structure, discoverability, and scalability reimagined
Structure, discoverability, and scalability reimagined
The existing SPORT1 media library was difficult to understand in its structure: content was grouped unclearly, shows and topics were mixed together, and relevant videos were hard to find.
My goal was to significantly improve discoverability and orientation, and to create a scalable structure that enables SPORT1 to integrate new formats flexibly and in a future-proof way.
The existing SPORT1 media library was difficult to understand in its structure: content was grouped unclearly, shows and topics were mixed together, and relevant videos were hard to find.
My goal was to significantly improve discoverability and orientation, and to create a scalable structure that enables SPORT1 to integrate new formats flexibly and in a future-proof way.
Problem:
A cluttered, organically grown content structure made it difficult for users to quickly find relevant content and navigate efficiently.
Approach:
Analysis of existing content and user flows, as well as the development of a clearly structured information architecture, complemented by defined navigation logic and prioritized content areas.
Impact:
Improved orientation within the media library and significantly more efficient navigation through reduced complexity and clearly structured content.
Problem:
A cluttered, organically grown content structure made it difficult for users to quickly find relevant content and navigate efficiently.
Approach:
Analysis of existing content and user flows, as well as the development of a clearly structured information architecture, complemented by defined navigation logic and prioritized content areas.
Impact:
Improved orientation within the media library and significantly more efficient navigation through reduced complexity and clearly structured content.
Problem:
A cluttered, organically grown content structure made it difficult for users to quickly find relevant content and navigate efficiently.
Approach:
Analysis of existing content and user flows, as well as the development of a clearly structured information architecture, complemented by defined navigation logic and prioritized content areas.
Impact:
Improved orientation within the media library and significantly more efficient navigation through reduced complexity and clearly structured content.
Problem:
A cluttered, organically grown content structure made it difficult for users to quickly find relevant content and navigate efficiently.
Approach:
Analysis of existing content and user flows, as well as the development of a clearly structured information architecture, complemented by defined navigation logic and prioritized content areas.
Impact:
Improved orientation within the media library and significantly more efficient navigation through reduced complexity and clearly structured content.
Problem:
A cluttered, organically grown content structure made it difficult for users to quickly find relevant content and navigate efficiently.
Approach:
Analysis of existing content and user flows, as well as the development of a clearly structured information architecture, complemented by defined navigation logic and prioritized content areas.
Impact:
Improved orientation within the media library and significantly more efficient navigation through reduced complexity and clearly structured content.
Problem:
A cluttered, organically grown content structure made it difficult for users to quickly find relevant content and navigate efficiently.
Approach:
Analysis of existing content and user flows, as well as the development of a clearly structured information architecture, complemented by defined navigation logic and prioritized content areas.
Impact:
Improved orientation within the media library and significantly more efficient navigation through reduced complexity and clearly structured content.
Focus:
Focus:
UX Redesign & Restructuring
UX Redesign & Restructuring
Format:
Format:
SPORT1 Media Library Website
SPORT1 Media Library Website
My role
My role
Research
Research
Analysis of the Existing Structure and Optimization
Analysis of the Existing Structure and Optimization
Information Architecture Optimisation
Information Architecture Optimisation
Information Architecture Optimization
Prioritizing the MVP and the Next Steps in the Roadmap
Prioritizing the MVP and the Next Steps in the Roadmap
Regular stakeholder catch-ups
Regular stakeholder catch-ups
Wireframing and Prototyping
Wireframing and Prototyping
QA - Testing the features and media library before launch for users
QA - Testing the features and media library before launch for users
Skills
Skills
Information Architecture Design
Information Architecture Design
Content Structuring & Taxonomy
Content Structuring & Taxonomy
Scalable UX Frameworks
Scalable UX Frameworks
Wireframing and Prototyping
Wireframing and Prototyping
Interaction Design
Interaction Design
UX Pattern Design
UX Pattern Design
Design and Development Collaboration
Design and Development Collaboration
01
01
Wireframing and Prototyping
Wireframing and Prototyping
Wireframing and Prototyping
The wireframes focused on clear content groupings, a consistent navigation concept, and reusable modules that can scale across different shows and formats.
The wireframes focused on clear content groupings, a consistent navigation concept, and reusable modules that can scale across different shows and formats.
02
02
Finale Designs
Finale Designs
A scalable media library concept with clear hierarchy, improved wayfinding, and a structure that can easily accommodate future content.
A scalable media library concept with clear hierarchy, improved wayfinding, and a structure that can easily accommodate future content.
Results & Impact
Results & Impact
Clearer Navigation Through Content
Clearer Navigation Through Content
Better separation of shows, topics, and formats
Better separation of shows, topics, and formats
Improving the discoverability of specific videos (e.g. highlight videos)
Improving the discoverability of specific videos (e.g. highlight videos)
Future-proof structure for growing content
Future-proof structure for growing content
Key Learnings
Key Learnings
Structure is the most important UX lever for content platforms
Structure is the most important UX lever for content platforms
Consistency builds trust and speed
Consistency builds trust and speed
Great UX is created through the interplay of design, content, and technology
Great UX is created through the interplay of design, content, and technology
Josef Thomas Bley
Digital Product Designer
Engagement Architect
Josef Thomas Bley
Digital Product Designer
Engagement Architect
Josef Thomas Bley
Digital Product Designer
Engagement Architect
Josef Thomas Bley
Digital Product Designer
Engagement Architect
Josef Thomas Bley
Digital Product Designer
Engagement Architect
Josef Thomas Bley
Digital Product Designer
Engagement Architect