Annotated like a developer handover. Switch it off to see the clean page.

One streaming experience on every screen

UX and iOS consulting: over 600,000 users, with mobile, smart TV and desktop on one design language.

Organisation
Chili TV S.p.A.
Role
UX & iOS consultant
Users
600,000+
Platforms
iOS, Android, smart TV, desktop
Markets
4 European countries
Three screens of the Chili iOS app, 2022: the home with the Nope hero and the Premieres row; the Bullet Train title page with Trailer, Play and download; My CHILI with the downloaded films and their size and quality. Screenshots from the App Store page.
The 2022 iOS app: home, title page with download, My CHILI downloads.

The problem

The existing mobile app wasn’t keeping up with the catalogue, and every platform (mobile, smart TV, desktop) behaved differently, at a high cost to both users and the team.

My role

With the in-house design team I worked on the app redesign and on aligning the experience across every supported device, using the existing metrics as a shared starting point.

The impact

The app launched in four European countries with over 600,000 users, sharing one navigation model across iOS, Android, smart TV and desktop: a single set of patterns instead of four different products. On the back of the platform’s numbers, Chili TV closed content deals with Warner Bros, Hulu and others.

One structure from phone to tablet

The iPad home uses the same hierarchy as the phone: a hero for the title of the moment with a single action, then horizontal rows named by what you want to do, premieres or new rentals, and the quality badge printed on the poster instead of in the title. The tablet shows more posters per row; the order, the names and the actions stay the same.

Home screen of the Chili iOS app on iPad, 2022: a full-width hero for the film Nope with the label New, Available to buy, Watch it now; below, a Premieres row and a New rentals row of posters, some with a 4K badge. Screenshot from the App Store page.

Alternatives compared: three apps, or one model

How the experience should work across phone, tablet, smart TV and desktop.

A · Rejected

Three apps that resemble each other

Wireframe of three apps: a phone with bottom tabs, a smart TV with a side menu and a desktop with a top bar, each with different sections
Sketch of the rejected alternative, not a screenshot

Each platform tuned on its own, around its own input.

  • Every team optimises its own device
  • People relearn the catalogue on every screen, and four products to maintain
B · Chosen

One navigation model, three kinds of input

A single structure adapted to touch, remote and mouse: the gesture changes, where things live does not.

  • One set of patterns instead of four products
  • Rows named by intent, in the same order on every device
Why B

The app launched in four European countries with over 600,000 users, sharing one navigation model across iOS, Android, smart TV and desktop.

Design alternatives compared with the in-house design team, not a user test

Key decisions

  • One navigation model, three kinds of input.

    Instead of three apps that resemble each other, a single structure adapted to touch, remote and mouse: the gesture changes, where things live does not.

  • Catalogue before effect.

    The priority was finding something to watch within seconds; motion came afterwards, only where it helped explain where you are.

  • Technical limits on the table from day one.

    Coming from iOS development I knew what the smart TV would not sustain: unfeasible ideas were dropped during design, not during build.

Need someone who can actually ship it?

Let’s book thirty minutes and see if it’s a fit.