The Brand Gallery displays selected brands in a Carousel and Brand Stripes/Stacks below to feature brand content. User lands on this screen upon opening the LG Plaza application, or upon click of "Brands" in the global navigation.
Content on this screen may include videos, images, and text. The top portion is reserved for newer brands to display their banner followed by an alphabetical listing of every brand.
Brand Galley - Scrolled
Each brand is given a module to custom fit their brand imagery. Each module consists of 5-8 image and video slots. When the User rolls over a module the whole slot will highlight and if they roll over a video section, just the video will highlight and afford the User the ability to watch it directly from here.
Brand Channel Landing
The Brand Channel is the "Homepage" to each of the brands represented on the LG Platform. The user can access this screen from the brands menu in the navigation, the brand gallery screen. The page can be configured in varying ways depending on the brand.
Brand Channel Navigation
Clicking on the "Storefront" would expose the Brand navigation menu. Rolling over a category would expose a left-right navigation to subcategories.
As the user begins to shuffle through sub-categories in the menu, the sub-category indicator at the bottom of button shuffles to reflect the currently displayed sub-category. We suggested a maximum of 8 sub-categories, but has a hard maximum of 10. Clicking on a button when a subcategory is displayed will take the user to the displayed sub-category screen. As the User cycles through there will be a delay that will refresh the screen with the selected subcategory. Recommended delay is 2 seconds, TBD in development. Clicking will also refresh the screen with the selected category or subcategory
Product Detail Screen
When the user clicks on a product from anywhere within the plaza experience they are taken to a product detail screen in this state.
Product Detail Screen - Product Details
Once the user has clicked ‘Show Details’ in the minimized panel it will expand to reveal the entire Product Shopping Panel shown here. This panel will provide the user with additional information about the product including reviews and a description along with social and wishlist features.
The Shopping Bag screen is where all of the User's items they've added are aggregated. The User can access the Shopping Bag & Checkout Link under the Bag icon on the Primary Navigation.
Shopping Bag - Chaeckout
Once the User has selected to checkout and the system makes a call to the Middleware to verify all products are still in stock and the same price, this screen displays the option to use the local profile or guest checkout.
Unauthenticated Checkout Landing
The User navigates to this screen via the email entry screen on Guest Checkout.