Skip to main content
UI Coach Logo
Back to challenges
Intermediate

Resume a Series on a Niche Streaming Service

Design a focused streaming home and playback experience for a small catalog with episodes, subtitles, and household profiles.

TV, Mobile, Responsive web

The brief

Understand the problem

Background

A specialist streaming service cannot rely on endless catalog volume. It must help viewers understand unfamiliar titles, continue a series, and manage playback across devices.

User context

Omar subscribes to a documentary service and shares the television with two family members. He began a subtitled series on his phone and wants to continue in the living room.

Product problem

Profiles, episode order, progress sync, subtitle preferences, and device handoff can create friction before viewing begins.

Objective

Create discovery, continuation, and cross-device playback for a niche streaming catalog.

What to design

Define the experience

Required experience

  • Profile-aware home with continue-watching context
  • Series detail and episode navigation
  • Television playback controls and accessibility settings
  • Cross-device resume state

Screens and states

  • Streaming home
  • Series detail
  • TV player
  • Playback settings
  • Resume conflict

Core user flow

Follow the critical path

  1. 01

    Omar selects his profile on the television

  2. 02

    He finds the series in continue watching

  3. 03

    He reviews the previous episode summary and starts the next one

  4. 04

    His subtitle and audio preferences carry over from mobile

  5. 05

    A progress conflict appears and he chooses the correct position

Product rules

Requirements and constraints

Requirements

  • Keep household profiles and viewing histories separate
  • Show episode order, duration, and watched state
  • Make captions, audio language, and audio description easy to change
  • Sync progress without overwriting a newer session silently
  • Provide useful context for unfamiliar titles without spoilers

Constraints

  • Television input is directional and remote-based
  • Licensing varies by region
  • Bandwidth may change during playback

Reality check

States worth considering

The selected title leaves the catalog
Two devices update progress while offline
The preferred subtitle track is missing
Playback quality drops sharply

Finish line

What to deliver

  • Design five cross-device screens centered on continuation, playback controls, and progress conflict recovery.

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#1B1A1A
#E9C5B7
#716561
#8B8C8A
#8C848C
Font pairing
Roboto CondensedCabin

Roboto Condensed & Cabin

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations