Created By: August Beck
The top of the fold displays the current Hero Product, along with a gallery of product images. An assortment of styles for each product, along with its descriptions, slogans, features, pricing, and quantity of sizes available dynamically adjust while navigating the other sections of the site.
Created By: Archaa Shrivastav
The Related Products section populates with the products related to the hero product above. Clicking on a related product will navigate to its overview page and clicking on the star icon on a product card will open a modal window comparing that product to the related product.
The Saved Products section populates with the hero product when the user clicks 'Add to Your Outfit.' The user can add to this list across pages and delete from this list. These saved outfits will persist across pages, on refresh, and on reload.
Created By: Brett Eastman
The questions and answers section presents all questions/answers about the selected product, only showing two questions at a time, with a button to show more. It has a search bar which will automatically search with 3 characters or more. You can mark a question or answer as helpful and you can input a question or answer using the form modal that pops up when the button is pressed.
Created By: Aimee Kang
The ratings and reviews section allows users to view and submit reviews for the selected product. The user can sort reviews based on relevant, newest, and helpful reviews. The breakdown of the ratings received for the product also doubles as the filtering options for the reviews list. Reviews will provide the ability to give feedback on specific characteristics of the product. Within the product breakdown, the user can view the average feedback received for all characteristics which apply to the product.