Product Page Redesign
A blue sky approach to elevating the product detail page using customer research findings.
Objective
As The North Face considers ways to enhance its digital product presentation, this project took a blue sky approach to visually rethink the buy box and the image gallery on The North Face’s product detail page.The focus of this work was to optimize the digital experience and enhance the presentation of key consumer categories while relying on customer insights to drive the design process and help better understand and address user goals and behavior.
Process
The work utilized several usability audits performed on the end-to-end shopping experiences within thenorthface.com as well as qualitative user tests performed on the product detail page specifically.Based on the results of these, we targeted several pain points as areas of focus to address in redesigning the page.
-
Image gallery
-
Product specifications
- Sizing
Image gallery
Users called out product photography as being the most important piece of information on the page and
critical to evaluating a product and making a purchasing decision. The image gallery makes use of large photography to give the page an elevated look and feel and enhance fine details within the imagery.
Product specifications
On desktop, product specs are shown along side the product photography adding both context and clarity. Certain specs are given further definition with tool tips and detached imperial/metric values.
Sizing
Model’s sizing information is integrated with product imagery where applicable helping users assess fit, while a size chart and fit guide provide measurement details of the product.