Description & Goal
We redesign the product to increase purchases by optimizing the layout and providing additional features.
My Role
Brief
Roadmap
Wireframe
Low Fidelity Wireframes
In the first row, we will keep the two columns the same with the image and purchasing elements. In the second row, we will have the specs and full descriptions. Followed by a row of related products and reviews.
Wireframes
I worked cross-channel and collaborated to get the wireframes to where you see them now. I did a competitive analysis of what the trends are on e-commerce product page layouts, I decided to have specs and full descriptions in the row below. Removing white space and keeping secondary product information high. Followed by related products and reviews.
Some new features that are defined in these wireframes are product review, and specs like ISBN, format, weight, dimensions, and item number.
Product Page prototype
Product Variable Page prototype
Admin Wireframe
In these wireframes I showed how the Word Press WooCommerce features will be added and function on the admin side of the product page.
Product Page prototype
