Danielle Johannes
Web Designer
SizeChart_Mockup.jpg

Size Guides

When Christopher & Banks® switched platforms, the various size guides for their array of product offerings needed a fresh design that was easy to understand and maneuver, and also coordinated with their new style guide. The new design includes a size guide for each of their clothing size ranges (Missy, Petite, and Women), as well as their shapewear, and shoes. The size guides needed to live on the product detail pages in a collapsible drawer, as well as a full size guide that would live on a landing page, and in a modal window on the product detail pages. All size guides needed to fit the responsive nature of the site.

Landing Page, Desktop

Landing Page, Desktop

Landing Page, Mobile

Landing Page, Mobile

Landing Page – How to Measure, Desktop

Landing Page – How to Measure, Desktop

Landing Page – How to Measure, Mobile

Landing Page – How to Measure, Mobile

Landing Page – Missy, Desktop

Landing Page – Missy, Desktop

Landing Page – Missy, Mobile

Landing Page – Missy, Mobile

Landing Page – Petite, Desktop

Landing Page – Petite, Desktop

Landing Page – Petite, Mobile

Landing Page – Petite, Mobile

Landing Page – Women, Desktop

Landing Page – Women, Desktop

Landing Page – Women, Mobile

Landing Page – Women, Mobile

Landing Page – Pant Lengths, Desktop

Landing Page – Pant Lengths, Desktop

Landing Page – Pant Lengths, Mobile

Landing Page – Pant Lengths, Mobile

Landing Page – Shapewear, Desktop

Landing Page – Shapewear, Desktop

Landing Page – Shapewear, Mobile

Landing Page – Shapewear, Mobile

Landing Page – Shoes, Desktop

Landing Page – Shoes, Desktop

Landing Page – Shoes, Mobile

Landing Page – Shoes, Mobile

Product Detail Page – Missy, Desktop

Product Detail Page – Missy, Desktop

Product Detail Page – Missy, Mobile

Product Detail Page – Missy, Mobile

Product Detail Page – Petite, Desktop

Product Detail Page – Petite, Desktop

Product Detail Page – Petite, Mobile

Product Detail Page – Petite, Mobile

Product Detail Page – Women, Desktop

Product Detail Page – Women, Desktop

Product Detail Page – Women, Mobile

Product Detail Page – Women, Mobile

Product Detail Page – Shapewear, Desktop

Product Detail Page – Shapewear, Desktop

Product Detail Page – Shapewear, Mobile

Product Detail Page – Shapewear, Mobile

Product Detail Page – Shoes, Desktop

Product Detail Page – Shoes, Desktop

Product Detail Page – Shoes, Mobile

Product Detail Page – Shoes, Mobile

Product Detail Page – Modal Window, Desktop

Product Detail Page – Modal Window, Desktop

Product Detail Page – Modal Window, Mobile

Product Detail Page – Modal Window, Mobile