Fibi - Smarter TV Streaming for the 5G Era
Fibi - Smarter TV Streaming for the 5G Era
OTT & Streaming
6 min read
2025
Overview
Overview
Fibi is an OTT TV streaming application designed for Android TV, Apple TV, and Fire TV, offering seamless access to Live TV, Movies, Series, and more. With 5G internet now widely available, Fibi's goal was simple yet ambitious: make streaming on TV intuitive and limitless.
Fibi is an OTT TV streaming application designed for Android TV, Apple TV, and Fire TV, offering seamless access to Live TV, Movies, Series, and more. With 5G internet now widely available, Fibi's goal was simple yet ambitious: make streaming on TV intuitive and limitless.
This was my first time designing for TV, and I made sure to invest time in onboarding, research, and platform-specific UX challenges.
This was my first time designing for TV, and I made sure to invest time in onboarding, research, and platform-specific UX challenges.
My Role
My Role
As Lead Product Designer, I:
As Lead Product Designer, I:
• Led the entire product design for the app from scratch
• Led the entire product design for the app from scratch
• Mentored and collaborated with a junior product designer
• Mentored and collaborated with a junior product designer
• Conducted competitor analysis and research for TV-specific UX
• Conducted competitor analysis and research for TV-specific UX
• Built all experiences using the Google TV Design Kit
• Built all experiences using the Google TV Design Kit
• Worked closely with PMs, developers, and stakeholders throughout
• Worked closely with PMs, developers, and stakeholders throughout
The Challenge
The Challenge
Designing for TV is fundamentally different:
Designing for TV is fundamentally different:
• Navigating with remote controls instead of touch or mouse
• Navigating with remote controls instead of touch or mouse
• Designing for 10-foot UI on large screens
• Designing for 10-foot UI on large screens
• Adapting traditional mobile/desktop layouts for living room use
• Adapting traditional mobile/desktop layouts for living room use
Remote control UX was especially challenging. I studied dozens of remotes to map essential interactions to the most commonly available buttons.
Remote control UX was especially challenging. I studied dozens of remotes to map essential interactions to the most commonly available buttons.
What I Did
What I Did
1. Systematic UX Research
1. Systematic UX Research
• Analyzed leading TV apps for layout, hierarchy, and flow
• Analyzed leading TV apps for layout, hierarchy, and flow
• Focused on core patterns that worked across Android TV, Apple TV, and Fire TV
• Focused on core patterns that worked across Android TV, Apple TV, and Fire TV
• Prototyped and tested in Figma with real users using smart TVs
• Prototyped and tested in Figma with real users using smart TVs
2. Remote Control Logic
2. Remote Control Logic
• Mapped navigation logic to common buttons (OK, Back, Arrows)
• Mapped navigation logic to common buttons (OK, Back, Arrows)
• Designed focus states and motion paths for smooth browsing
• Designed focus states and motion paths for smooth browsing
• Ensured consistency across Live TV, Movies, and Series interactions
• Ensured consistency across Live TV, Movies, and Series interactions
3. Streamlined Layouts
3. Streamlined Layouts
• Created card-based navigation for content blocks
• Created card-based navigation for content blocks
• Designed scalable components to handle all content types
• Designed scalable components to handle all content types
• Used typography and spacing principles ideal for large screens
• Used typography and spacing principles ideal for large screens
The Google TV Design Kit helped us ship high-fidelity, TV-native experiences faster, with better alignment between design and development.
The Google TV Design Kit helped us ship high-fidelity, TV-native experiences faster, with better alignment between design and development.
Outcome
Outcome
• Created a high-performing, intuitive TV streaming experience
• Created a high-performing, intuitive TV streaming experience
• Launched a platform-agnostic design that adapts to Android TV, Apple TV, and Fire TV
• Launched a platform-agnostic design that adapts to Android TV, Apple TV, and Fire TV
• Set a new design benchmark for OTT products at the company
• Set a new design benchmark for OTT products at the company
Final Thought
Final Thought
Designing for unfamiliar platforms like TV pushes you to rethink assumptions. From remote UX to screen distance and legibility, Fibi taught me how to design for new contexts without compromising experience.
Designing for unfamiliar platforms like TV pushes you to rethink assumptions. From remote UX to screen distance and legibility, Fibi taught me how to design for new contexts without compromising experience.
I selected Fibi as one of my portfolio projects because it shows my ability to design for multiple platforms, including challenging ones like Smart TVs.
I selected Fibi as one of my portfolio projects because it shows my ability to design for multiple platforms, including challenging ones like Smart TVs.
Let’s Talk
Let’s Talk
Building for TV, mobile, web, or something totally new?
Building for TV, mobile, web, or something totally new?
Designs That Drive Real Impact
Designs That Drive Real Impact
Designs That Drive Real Impact
End-to-End Strategic Product Design
End-to-End Strategic Product Design
End-to-End Strategic Product Design
