Movies Anywhere Movie Details Pages

2018

Mike Halleen, Product Manager | Adeel Fahimullah, Sr. Product Designer | Mo Monibi, Engineering Lead

MDP Banner.jpg
 

The movie details page is a core part of the Movies Anywhere experience. We developed a details page that was modular and adaptive enough for most to fit most use cases, while also keeping an experience that feels unique to the movie that is being showcased.

 

My Role

As Lead Designer, my responsibility was to lead discovery, UX, and visual design.

Goals

01

Establish a movie details page that is modular and can adapt to the movie’s lifecycle (announced, pre-theatrical, pre-order, purchase, and owned states).


02

Present all relevant information for the user to make an informed decision about what they can and can’t do with the movie.


When a user is on the movie details page the movie branding should be front and center.

03

Movie Lifecycle

Design components that can be added, removed or shifted based on the lifecycle of the movie and what is relevant to the user.

Page Structure with Components

Pre-Release.png
Preorder.png
PreRelease-Assets.png
Buy.png
Theatrical Release.png
Owned.png
 

Mobile Designs

 

Tablet

 
 

Web

 

 OUTCOME

Due to the tight timeline around this project, we chose to dedicate our time to developing robust components that could evolve and grow over time, but that meant we only had enough to time run basic usability testing.

Previous
Previous

Movies Anywhere Deals

Next
Next

Launching Movies Anywhere