ariat-size-guides.jpg

Ariat.com Size Chart Redesign


Home / Ariat.com / Size Chart Redesign

Ariat.com SIZE CHART REDESIGN

Ariat.com has many products that cover many types of styles and sizes. One large project was to clean up the Ariat size charts to make them more legible, usable, and understandable. Since Ariat is an international company, it was important to make the size charts scalable and incorporate inches and centimeters into the design, but since some products have many measurements, the important aspect was to keep it as simplified as possible for the customer.

What was I trying to solve?

  • Customer service was getting an influx of calls regarding sizing confusion

  • Needed to be able to accommodate for various types of apparel across a variety of categories

  • Needed to allow for customer to click size chart from any PDP and display the relevant size information

Functionality:

  • Include centimeters and inches in separate experiences

  • Incorporate various types of measurements for the different product types (shoes, boots, tall boots, apparel, etc.)

  • Separate out gender followed by category for ease of use and navigation

  • When a user clicks on size guide from the product detail page, the customer is displayed the relevant size guide for the gender and category (example: Women’s > Denim)

 

MOBILE
LEFT: Before | RIGHT: AFTER

VIEW Mobile PROTOTYPE
(OPENS ADOBE XD EXPERIENCE IN NEW TAB)


DESKTOP
LEFT: BEFORE | RIGHT: AFTER

VIEW DESKTOP PROTOTYPE
(OPENS ADOBE XD EXPERIENCE IN NEW TAB)