top of page

COMPETITIVE ANALYSIS

Netflix

Disney+

Amazon

Neon

netflix_shows.png
5cb0633d80f2cf201a4c3253-2.png
disney_shows.png
5cb0633d80f2cf201a4c3253-2.png
amazon_shows.png
5cb0633d80f2cf201a4c3253-2.png
neon_shows.png
5cb0633d80f2cf201a4c3253-2.png

We researched and analyzed our competitors. We noticed that all platforms align both their movies and shows designs, except for subtle interactive reconfigurations to enable navigating to the series and episodes. We explored a portrait hero and shelved this improvement for future. We observed the different treatments used for toggles, icons and play buttons. Strategizing how our brand can stand out in the market, we experimented with ways to incorporate our gradients in order to add more color, vibrancy and uniqueness.

IDEATIONS

THE TRANSFORMATION

Before

shows_old.png
hand.png

TVNZ+ SHOWS

New Shows Page

Resume Show

Episodes & Extras

tvshows.png
5cb0633d80f2cf201a4c3253-2.png
shows_new.png
5cb0633d80f2cf201a4c3253-2.png
shows_new2.png
5cb0633d80f2cf201a4c3253-2.png

We redesigned the "Shows" page on the app to align with the new "Movies" page.

We ideated and formed a design upgrade to the resume experience with an automated progress bar.

We aligned this section design with "Movies" and optimized the seasons navigation experience.

concept_shows.png
5cb0633d80f2cf201a4c3253-2.png
concepts_shows2.png
5cb0633d80f2cf201a4c3253-2.png
concepts_shows3.png
5cb0633d80f2cf201a4c3253-2.png
concepts_shows4.png
5cb0633d80f2cf201a4c3253-2.png

Our ideations were particularly focused for the new aligned "Shows" page. We played with different placements for key metadata fields and interactive elements. We tested how users responded to these configurations and observed key elements in the design that keep users in a state of clarity and ease when navigating and watching the content. Our UXR findings were also exceedingly interesting in looking at user behaviors and needs.

tablett.png
tablet_shows.png

Responsive design across mobile and tablet experiences

 

We analyzed similarities between tablet, CTV and web to form an aligned layout altogether across these endpoints. The typography, margins and sizing adjusts to proportions across all endpoints.

We brought in branded color gradients in a delightful yet subdued way, and integrated all visual innovations in synchrony.

bottom of page