top of page

Problem

In a Specific section , we face below problems :

- Content and Space management 

- Usability Problems 

Finding  problems in Existing Design

This is Existing page design , where we can see the banner on top , then Title  ,then Episode after that interest and footer section is there.

We can see the portion appears in a desktop screen .

BANNER

Title

Lorem Ipsum is simply dummy text of the printing and t

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an 

Play Trailer
Add to Watchlist

Episode

Interest

Footer

Desktop Screen

Title

Lorem Ipsum is simply dummy text of the printing and t

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an 

Play Trailer
Add to Watchlist

As We can see , in title section when we click on play trailer .The video player expands and video plays , it pushes all the component below to down.

Its already taking lot of space and if user wants to close the trailer , he has to go up to click the close icon .

Here no scope for multiple trailers 

Episodes

Here also , we can see the same thing happens to Episode section .If you watching the video and in same time if you want to scroll the video list , then it is quit difficult.

 

Now just imagine , if all section's player are open , it increase page length and it more complicated to understand the page behavior

Now check the real page :

Suggested Solution 

First to reduce the length of the page , we have combined the Overview section , Play Trailer and episode in one section using tabs as shown in figure .

In this design , We can use same area to play trailer and episode videos also .

Here User can watch , videos and stream episode at the same time .

Episode video can be show in "list view" and "grid view" too.

Title

Overview
Play Trailer
Episode

Lorem Ipsum is

Lorem Ipsum is

Lorem Ipsum is

Lorem Ipsum is

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has

Add to Watchlist

list view

BANNER

Title

Lorem Ipsum is simply dummy text of the printing and t

Overview
Play Trailer
Episode

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an 

Add to Watchlist

Interest

Footer

Desktop Screen

Title

Overview
Play Trailer
Episode

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has

Add to Watchlist

Grid View

clip-93.png
2. Macbook - front views.png

SalesSite

Sales site is an internal application used by the sales people of A+E Networks .It 'contains all content (video, description, metadata ) of the

A + E  .

Final Design 

Other Projects

bottom of page