Media Entertainment Design

Media and entertainment product design including streaming, content discovery, and media playback.

dragoon0x Updated

File contents

Media Entertainment Design

Content Discovery

  • Rows/rails of categorized content (Netflix pattern).
  • Featured/Hero: Auto-playing preview with title, description, play button.
  • Personalization: "Because you watched..." "Trending in [genre]".
  • Continue watching: Most important row, easily accessible.

Media Player

  • Minimal controls that appear on hover/tap, disappear on idle.
  • Scrubbing: preview thumbnails on hover over timeline.
  • Quality selector, subtitles, volume, fullscreen.
  • Mobile: tap to pause, double-tap to skip 10s.
  • Keyboard: space=pause, arrows=skip, M=mute, F=fullscreen.

Content Pages

  • Hero artwork + title + metadata (year, rating, duration).
  • Description: 2-3 lines, expandable.
  • Episodes/seasons for series.
  • Similar content recommendations.
  • User actions: play, add to list, rate, share.

dragoon0x/everything-design-taste/tree/main/skills/media-entertainment-design commit 610d895e6b

Frequently asked questions

npx skillmds@latest add dragoon0x/media-entertainment-design