Wireframes
Initial wireframes were shown to the client to show navigational flow, positioning, and page layouts. The wireframe consisted of 3 main page layouts. Home Page, Product Category Page, and Product Detail page.
Home Page Concept
Category Page Concept
Detail Page Concept
Branding
We wanted to keep the branding consistent across their digital media. Icons used on their product boxes were also used on the product detail pages to keep it consistent.
A similar treatment was used on icons used throughout their site as well.
Final Product
Subtle Design changes were made throughout the process but the overall structure remained the same. Homepage Banners were uniquely designed to showcase a particular product with a call to action. Below is the final version of the homepage across multiple devices.
Desktop View
Tablet View
Mobile View
.