Helping modernize Warby Parker's website during the golden years of eCommerce.
The prototype below is for presentation purposes only.
Research and UI audit
Pemberton began the project by performing a full UI sweep across warbyparker.com—resulting in a mix of button styles, font variations, color treatments, and grid alignments.
This audit revealed a clear need toward consolidating and redesigning visual components across the primary pages and navigation. These touchpoints were imperative as Warby Parker grew as a disruptive eCommerce brand.
Here’s a look at old UI vs. new UI
Which was then formalized into a tighter design system.
Next, was applying this language to the product detail, product category, and location pages.
Design director: Steph Wu
Direction of UX: Tim Riley
Photo/illustration: Warby Parker