STARZ · Senior UX Designer · 2013–2014

A Career Pivot into
Streaming — Then
Documentation That
Outclassed HBO
and Netflix

Left a Creative Director role running marketing design to pioneer the frontier of streaming TV. Built apps across seven platforms, introduced flow state thinking to content discovery, designed navigation around movie poster artwork instead of thumbnails — and produced Chromecast documentation that Google called the best they'd ever seen.

7×
Platforms: iOS, Android, Xbox,
Roku, Fire TV, Nexus, PlayStation
3→1
Brands unified: STARZ Play,
Encore Play, MoviePlex Play
#1
Google called our Chromecast
docs best they'd seen
R&D
PLAY concept — flow state
streaming, ahead of its time
Role
Senior UX Designer
Timeline
2013–2014
Team
Led 2 junior designers
Scope
Apps, PLAY concept, Chromecast
STARZ Play Concept — homepage background art
STARZ Play — Concetp by STARZ. Full-bleed movie poster artwork as the primary UI surface. The navigation was designed around the art, not the other way around — putting the cinematography that makes STARZ content worth watching front and center on every screen.

The career pivot

Creative Director → Streaming Pioneer.
A deliberate leap.

Before STARZ I was running marketing design — campaigns, print, brand work. Good money. Wrong direction. I wanted to build products, not promote them.

Streaming television in 2013 meant nobody really knew what they were doing. Netflix had just started making originals. HBO Go crashed if you looked at it wrong. I was hired to design something cinematic for a phone, a game console, and a TV dongle at the same time — figuring out what that even meant as I went. There was no template. I made one.

STARZ had three streaming brands — STARZ Play, Encore Play, MoviePlex Play — that all needed to live in one app without cannibalizing each other. The problem wasn't visual. It was structural. And it was my first real look at what product design could do at scale.


The Chromecast Story

Google was skeptical. The documentation changed that.

Google was courting streaming partners for Chromecast but they had a bar. You had to prove you actually understood how casting worked — the mobile sender, the TV receiver, every state in between. Most partners sent functional specs.

I produced 100 pages. Every state, every edge case, sender and receiver and every transition. Not just what the product would do — how STARZ would think about casting as a real feature, not an afterthought.

Google's response
"This is the best Chromecast documentation we've seen — better than HBO and Netflix."
Google Chromecast partner team · 2013–2014

Turned Google from a doubter to a highly invested launch partner

STARZ Chromecast — mobile sender and TV receiver
STARZ Chromecast. Mobile sender app casting to the Chromecast receiver. The documentation that mapped this experience — every state, transition, and edge case — secured STARZ as a premier Google Chromecast launch partner.

The Documentation

98 slides. 5 platforms. Every state, every edge case — built in InDesign before Figma existed.

In 2013, Figma didn't exist. Sketch was a year old. Most teams were exporting JPEGs from Photoshop and putting them in PowerPoint. I needed to cover five platforms, dozens of interaction states, and the full sender-receiver relationship at a level Google could actually validate. So I built the whole thing in InDesign.

The solution was a print design approach: InDesign with data merge and a CSV. A master template was built once — screen frame, state labels, flow annotations, footnotes, legal footer, version number. The CSV contained every screen's metadata: title, state description, interaction details, platform, version. Data merge auto-populated the template and exported the full document in minutes. What would have taken days of manual layout was reduced to a template build and a spreadsheet.

The output

A 100-page Chromecast integration document covering iPhone, iPad, Android Mobile, Android Tablet, and Chrome browser — every sender state, every receiver state, every transition, every edge case. Flow diagrams showing the full user interaction model between sender and receiver. Screen-by-screen interaction specs with precise state descriptions. Version-controlled, legally signed, confidential. The document Google called the best they'd seen — better than HBO and Netflix.

The document covered the complete Chromecast experience lifecycle: disconnected state, cast icon discovery, device selection, connection animation (4-stage), playback buffering, in-progress controls, pause states, episodic auto-roll, idle screen management (5 min / 10 min), and the precise handoff logic between sender and receiver when users navigated away from content mid-playback. Every state that could break the experience was documented before a single line of code was written.

iPhone
Full sender flow
All states
iPad
Tablet sender
All states
Android Mobile
Full sender flow
All states
Android Tablet
Tablet sender
All states
Chrome Browser
Web sender
All states
Every state documented
Connection Flow
Disconnected state
Cast icon discovery
Device selection
Connection animation (4-stage)
Connected state
Disconnect flow
Playback States
Buffering
In-progress controls
Paused state
Persistent mini-controls
Expanded controls
Episodic auto-roll
Edge Cases
App idle (5 min)
Default receiver (10 min)
Navigate away mid-playback
Blue notification bar
Chromecast intro (Phase 2)
Phase 2 persistent controls
Built in Adobe InDesign using data merge with a CSV — master template auto-populated 100 pages in minutes. A print design solution to a digital documentation problem, before Figma existed.

Brand Unification

Three streaming services, one unified experience — without losing any brand's identity.

Three streaming services, one app, separate content rights and subscriber bases. The real constraint was licensing — merge the wrong content into a shared experience and you violated agreements. Keep the brands too separate and you'd built three apps, not one.

The solution was a role and permissions layer that determined what content each user saw based on their subscription, while presenting a unified browsing experience that let the content — not the brand separation — drive discovery. The three brands coexisted as content filters within a single system, not as three separate apps.

STARZ Play
Premium original series, blockbuster movies, first-run content
Encore Play
Classic Hollywood films, fan favorites, curated catalog
MoviePlex Play
Independent films, foreign cinema, specialty programming

The design philosophy

Navigation built around movie poster art, not thumbnail rectangles

Every streaming service in 2013 used the same layout: small rectangular thumbnails in horizontal rows. Efficient. Completely wrong for a premium content brand.

The bet was simple: the art is the content. Movie posters — imagery cinematographers spent months crafting — were being crushed into 160×90 rectangles. That's not just ugly. It's a brand problem for a service selling premium content.

The navigation redesign put artwork first. Larger images. Full-bleed backgrounds that pulled from the content being featured. Dynamic color banners in featured sections that extracted palette from the artwork itself — so the interface became an extension of the content rather than a container for it. The browsing experience started to feel less like a catalog and more like a cinema lobby.

Tablet & Mobile App — STARZ Play

Immersive, content-driven design for a cinematic experience on every screen.

The tablet experience applied the artwork-first principle to touch navigation. Larger, high-quality images dominated the interface. Background imagery was integrated to create immersion — drawing users into the world of each show or movie before they pressed play. The playlist management system let users curate their own viewing queue, with add/remove interactions that felt as natural as the content itself.

STARZ Play iPad — playlist
iPad — Playlist. User-curated content queue. Full-bleed artwork, content-forward layout.
STARZ Play iPad — title detail episode
iPad — Series detail. Episode browser with artwork-led layout and series context.
Movie detail — add to playlist
Add to playlist. Movie detail with playlist action.
Movie detail — added to playlist confirmation
Added confirmation. Inline confirmation state — no modal, no interruption.
Title detail — unauthenticated
Unauthenticated state. Clear upgrade path without interrupting the browse experience.

iPhone App

The full cinematic experience compressed to a 4-inch screen.

The iPhone app maintained the artwork-first philosophy in a significantly more constrained canvas. The home screen explored multiple layout variations — prioritizing featured content at the top with smart use of dynamic color to keep the experience feeling cinematic rather than utilitarian. Title detail screens on mobile carried the same full-bleed art treatment as tablet, with playlist management interactions optimized for one-handed use.

iPhone home v1 iteration 87
Home v1.87
iPhone home v1 iteration 88
Home v1.88
iPhone home v2
Home v2
iPhone featured playlist grid
Featured grid
iPhone title detail add to playlist
Title detail
iPhone app — multiple home iterations. v1.87, v1.88, v2 home variants show the iterative design process toward the final artwork-first layout. Version numbers visible in the filenames reflect a rigorous iteration discipline at the screen level.

PLAY — R&D Concept

Flow state streaming: an algorithm-driven, artwork-first unified platform, before that was a thing.

PLAY merged all three STARZ brands into one content experience with an algorithm that adapted to what you'd watched and kept going. The idea was flow state — not deciding what to watch, just finding yourself watching.

It didn't ship. But the thinking — content discovery as immersion rather than browsing — was years early. The industry spent the next decade independently arriving at the same place.

The navigation innovation

Where other apps used horizontal thumbnail rows, PLAY built navigation around an algorithm that surfaced content based on movie poster artwork scale and visual weight — larger images for higher-confidence recommendations, smaller for discovery. The interface wasn't a grid of equal boxes. It was a curated visual experience that communicated editorial judgment through design hierarchy, not just metadata labels.

PLAY concept — scroll to explore. MoviePlex unified view, STARZ + Encore combined home, segmented browsing, and title detail views. Artwork-scale navigation and flow state content surfacing across all three STARZ brands.

Platform Scope

Seven surfaces. One design system. A different input model on each.

The STARZ app scope covered every major streaming surface of the era — a time when streaming was genuinely fragmented and each platform had its own design constraints, resolution targets, and interaction paradigms. iOS and Android for mobile. Xbox and PlayStation for game consoles with controller navigation. Roku and Fire TV for streaming sticks with remote d-pads. Nexus tablets for a hybrid touch-and-tablet context. Each required distinct design consideration while maintaining a coherent STARZ visual identity.

iOS Android Xbox One PlayStation Roku Fire TV Nexus

Outcomes

A career-defining pivot. Documentation that changed a partnership. Design thinking that was years early.

STARZ was where streaming stopped being a direction I wanted to go and became what I did. The Chromecast work set a standard for partner integration. The PLAY concept introduced ideas the industry spent years independently rediscovering. And it got me the call from Sling.

Google #1
Chromecast documentation called the best they'd seen — turning Google from a skeptic into a highly invested STARZ launch partner, better than HBO and Netflix.
7 platforms
iOS, Android, Xbox, PlayStation, Roku, Fire TV, Nexus — a complete multi-platform streaming design system built from scratch in a new medium.
PLAY
concept
Flow state streaming and artwork-first navigation R&D — a vision for content discovery that predated how major streaming services think about the problem today.
Pivot
complete
Creative Director in marketing → Senior UX Designer in streaming. The career transition that unlocked everything: Sling, CirrusMD, DAT, Orderful, and beyond.
View all work
Back to portfolio
View all case studies →