How do you keep an OTT product coherent across web, mobile, and TV?
Mid UX/UI design work on cross-platform OTT products including OpenTV and Nagra Sports, spanning modular design systems, responsive UI, workshops, prototypes, and global development handoff.
Project frame: Nagra Kudelski: cross-platform OTT experiences for OpenTV and Nagra Sports
Role
Mid UX/UI Designer
Year
Sep 2022 to Nov 2023
Platform
Web · Mobile · TV
OpenTV
OTT product
Designed cross-platform experiences for Nagra's streaming ecosystem.
Web
mobile and TV
Delivered responsive, high-fidelity UI across multiple device contexts.
System
modular patterns
Built and maintained modular design systems across web, mobile, and TV.
Global
handoff
Prepared pixel-perfect handoffs for global development teams.
Reconstructed artifact · Product interface
01 — Context
The problem
OpenTV and Nagra Sports needed cross-platform experiences that could hold together across web, mobile, and TV. The design challenge was keeping the product responsive, modular, and coherent while supporting different viewing contexts and global development handoff.
02 — Evidence
What shaped the direction
Cross-platform coherence
OTT products need different interaction modes across web, mobile, and TV while still feeling like one product.
Workshop alignment
Led UX workshops and presented design strategies to align stakeholders around product direction.
Prototype pressure testing
Prototyped solutions before handoff so interaction decisions could be tested and refined.
Development readiness
Produced responsive, high-fidelity UI and pixel-perfect handoffs for global development teams.
03 — Process
How it came together
The brief
At Nagra Kudelski, I designed cross-platform experiences for OTT products
including OpenTV and Nagra Sports. Visual polish was the easy part. The product
had to feel coherent across web, mobile, and TV while staying responsive and
implementation-ready for global development teams.
Reconstructed artifact · Product interface
The streaming experience: lean-back browsing that gets you to play, fast.
A modular cross-screen system
Streaming products shift context constantly: a phone in one hand, a web player
at a desk, a TV across the room. I built and maintained modular design-system
patterns so the experience could adapt across all three without fragmenting.
Workshops, prototypes, handoff
The role combined UX workshops, prototyping, stakeholder presentations, and
high-fidelity UI. The output was designed to do two jobs at once: align the
product vision and give global development teams the detail needed to build it
well.
04 — Craft
Decision trail
01Built modular patterns so web, mobile, and TV experiences could share a coherent product language without ignoring device-specific behaviour.
02Used workshops and prototypes to align product vision with stakeholder and business goals before high-fidelity delivery.
03Prepared detailed handoffs for global development teams, reducing interpretation gaps between design and implementation.