UX & UI Design
PDP-hero.jpg

Coach Website

A redesign focused on the category and detail pages of the Coach website.

PDP-hero.jpg

See it live at Coach

 

Designed a responsive layout to optimize the shopping experience tablet, desktop and mobile. 

 

filters-mobile.png

Adaptive Design

Larger screen sizes utilized an open column structure that allowed users to mark several filters at once, while mobile was altered to use stacked accordions and native selectors for a more optimized experience. 


 
mac-screen-pdp1.png

Improved image zoom to showcase product texture.

mac-screen-pdp2.png

Added full screen zoom as an alternate zoom.

 

Filter-cropped.jpg

Robust Filtering

Finding items in the desired size, style and color is key to a successful online shopping experience. Core to the redesign was the creation of a new architecture and logic for a new filtering system that is easy to use and mobile-friendly


mac-screen-pdp3.png

Breadcrumbs-2.jpg

Defining Wayfinding Mechanisms

Breadcrumbs help users understand where they are in the hierarchy. Finding the balance between obvious and overwhelming was key to a successful interface.

 

Product Detail page Wire concepts


 

Category Page Requirements