Media Player Product Placement | Android

UI/UX project

The foundation of this app is an elite video streaming platform for users to browse and watch newest media.
One of the key features is the security management system including regular account set-up, fingerprint login, facial recognition, and iris recognition. 
Another important feature is to partner with Elite Influential website to inform users about related high-end products appeared in the movie. 
Interested in the watch wear by James Bond in the new Spectre movie? We have the information for you to get your own one. 
Interested in the Aston Martin driving by James Bond too? We can lead you to the person/place to get one. 
One of the big challenge I faced during the design process is how to make sure users will have a good experience adapting the information provided by product related portal while watching the movie.
I want to make sure that the way we deliver those information will be comfortable to users instead of driving them away from using out product.

Based on the Product Requirement Documents, I know that out of 4 account's security methods, users only need to pair 2 of those methods in order to log in. So during the account registration or setting process, we designed a page for user to select which security method they want to pair with traditional account log-in.

When designing the user experience for this product, I want to make sure users have control over the type of the information they want to receive, including the way how they will receive those information. 
Product placement during the movie will certainly ruin the viewing experience. So making sure the same/related product been showing during/after movie if very important.
I have designed 2 ways to present those information. The first method is to show a list of the same/related products after the movie ended. User can click/tap on the product they are interested in, and this action will lead user to open their browser to the product related website, where they can access more information about specific product, even purchase it.

User will also be able to collapse this portal section to continue the media player experience. 
The collapsed section will remain as a footer at the bottom of the screen, allowing user to access it later..

The second method is to indicate same/related product during the movie. In this example, we see the Aston Martin driving by James Bond in the movie, and the pop-up section will appear at the bottom of the screen with detailed specs of the car, and user can choose to click/tap the pop-up section to the next step.
Both method can be turn on/off in settings menu, giving user the ability to control those information.

Media Player Product Placement | Android

The foundation of this app is an elite video streaming platform for users to browse and watch newest media.
One of the key features is the security management system including regular account set-up, fingerprint login, facial recognition, and iris recognition. 
Another important feature is to partner with Elite Influential website to inform users about related high-end products appeared in the movie. 
Interested in the watch wear by James Bond in the new Spectre movie? We have the information for you to get your own one. 
Interested in the Aston Martin driving by James Bond too? We can lead you to the person/place to get one. 
One of the big challenge I faced during the design process is how to make sure users will have a good experience adapting the information provided by product related portal while watching the movie.
I want to make sure that the way we deliver those information will be comfortable to users instead of driving them away from using out product.

Project details

Work:   The Macate Group
Category: UI/UX
Date:     December 2015
Web:     N/A