The goal of this project was to provide a widget for Dockers.com as well as their wholesale accounts (Amazon, Macy's, Kohl's, & JCPenny's) to assist customers in choosing the right fit for them online. Customers can browse the 7 fit categories and all the related fits within each category. The fit guide tool was designed using the material design guidelines and created in two sizes for different websites.
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/eedb886076aad25d9a54f7c9_rw_1200.png?h=c56872da6ca25e42c024c778effa1526)
As a UX/UI Designer on this project, I created different UX concepts, wireframes, clickable prototypes using Axure RP, as well as iterated with a Visual Designer to achieve the final design. I completed the production of all assets for all 37 types of khakis, collaborated with developers to execute the design, and organized all assets for the 4 iterations for each wholesale account. I also explored a mobile first solution for potential future use.
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/46ce1a14419ea22edf16cf58_rw_1920.jpg?h=6ee1f016b228ca44a9a0516517ed761a)
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/7e510c49e8dd7cd957f4eb17_rw_1920.jpg?h=c4a01c8f3c0e566bc8e3af5b34e2fdfb)
Visual design iterations
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/26f2bf754c8a729850b3a69a_rw_1920.jpg?h=e345d429bcd7dbdbffc0cb7a4724d57e)
Smaller sized Fit Guide.
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/b5f1232b5c53463bc28a8a01_rw_1920.jpg?h=b610e1b909bc5e01ab9c8eb75da511bf)
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/9f2e29ab75c7165d895c6f15_rw_1920.jpg?h=00e8d72391284b08414735697fa639d1)
Providing feedback to development team offsite.
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/7f01af7ee97d82b6d69ae9a7_rw_1920.jpg?h=d455d9308e879f58854ce50b5e51579b)
![](https://cdn.myportfolio.com/7421bd34ed09c4b5f884e2ac41648934/951811450b38707d9ade0e27_rw_1920.jpg?h=0c301d5763707b8af5fffbf247fbaf37)
Creative Director: Matt Cooke
Visual Designer: Marcela Carrillo
Account Manager: Luke Patten
Agency: Iron Creative
Visual Designer: Marcela Carrillo
Account Manager: Luke Patten
Agency: Iron Creative