Product Details Layout Optimization

Client: Sears     Role: Art Director UX/UI Design

The Problem:

The existing layout of the product detail page on is currently too heavy in content. The pages are exhaustively long, making it hard to keep track of where the content you need is, negatively affecting scannability.

The Solution:

The new layout provides all modules in an accordion approach which allows for the business to expand only the modules needed on page load based on the product line, making it easier to run testing and gain data on which areas are more relevant for the users. At the same time, this layout significantly improves scannability allowing the user to expand the modules that are relevant to their research.