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.
New Shows Page
Episodes & Extras
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.
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.
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.