dot & bo product detail page redesign
One of the most important pages on an ecommerce site, is the product detail page, where a user should be given enough information for them to make a purchase. The layout here is key in order to provide the best experience to lead to a conversion.
new vs old
New design
The new design features all of the product information above the fold, customer reviews, the ability to view the images larger, and multi-variant options.
Click to view larger
old design
The old design showed most of the product information below the fold and since it was on a gray background, users were missing it since it appeared to be the footer of the page. Based on this feedback, we updated it in the new design.
Click to view larger
new designs
Below are the rest of the product detail page designs, illustrating all the various states of the page.
Click to view larger
Invariant Product
Image Hover
View Image Larger
Quantity Left - <10
Sale
Out of Stock
Variant Product - Tiles
Multi-Variant Product - Swatches
Variant Labels
MOBILE DESIGNS
Click on a Thumbnail to view image larger.
Invariant Product
Product Attributes Expanded
View Image Larger
Quantity Left - < 10
Out of Stock
Sale
Variant Product - Menu
Multi-Variant Product - Swatches
