I created wireframes and a partial high fidelity design for a fashion e-commerce site looking to increase its click-through rate.
Direction
My hypothesis was that larger images and exposed curators would encourage users to browse more slowly and pay more attention to each item. Instead of 3 columns of smaller images, I opted for 2 columns with larger images. I exposed basic item details, including the brand, because this site is all about curated, select items from boutique brands.
Wireframing
I sketched a desktop concept in Adobe Illustrator and annotated my design rationale and interaction details. I then showed the flow of various edge cases and states:
I use Illustrator to be able to freely explore layout options without being constrained by the shapes and features of the software.
I created a responsive mobile view in parallel, showing how the columns could be collapsed and filters overlaid:
High Fidelity Designs
