Garvin Industries​
Product UX Design
Software:
- Sketch
- InVision
The Task
The Garvin Industries website needed to be redesigned and added to, in line with the website of new business partners, Southwire Ltd. Their existing site was effectively a catalogue of products which was to be converted to an e-commerce website. Designs required were for all new product pages, a checkout flow, and a user back-end for signing up and viewing account information.
Product Category, Listing and Detail pages
Both the Product Category (PCP) and Product Listing (PLP) page designs needed to fit around the pre-existing page designs on Garvin’s current site, whereas the Product Detail Page (PDP) would need to carry across the same information as on the current site, but a full redesign was acceptable.
The below images show the PCP, PLP, then clicking through to the PDP, showing the UX of adding products to the cart, along with various notification types depending on available stock. The last few images show the shopping cart screens, allowing for the user to edit the cart, apply promotional codes and view any deals/offers that have been applied.
Checkout
The checkout designs went through a series of iterations, after being reviewed by various teams on the Client’s side. I amended according to their requests, however tried to remain thoughtful throughout this process. I could also suggest ideas that incorporate their requests in an alternative solution.
