Springtide Research Institute E-Commerce Product Page

We redesign the product to increase purchases by optimizing the layout and providing additional features.

Framework

In the first row, we will keep the two columns the same with image and purchasing elements. The second row we will have the specs and full descriptions. Followed by row of related products and reviews.

Wireframes

As much as I would like to take full credit for this wireframe, it was a collaboration between marketing and creative. I did a competitive analysis on what are 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 is product review, 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