Oakley Custom

Mobile traffic was rapidly increasing for oakley.com. The existing Custom experience had three key problems:

  1. The existing interface didn’t match the latest product detail page interface, which broke consistency across a user journey
  2. A user couldn’t instantly see her changes in the product image because it scrolled with the page
  3. The Add to Cart button was out of view until a user scrolled

I directed early UI/UX explorations in collaboration with another designer. I finished the visual design while coordinating with cross-functional teams through launch. We matched the product detail page interface so users wouldn’t be confused by a different UI.

We fixed the Add to Cart button to the bottom of the viewport until a user scrolled to the footer. This kept the Add to Cart button front and center.

The scrolling solution was a front-end development challenge, but I worked closely with the development team to launch the experience we envisioned.

Live site: Oakley Custom

Custom Hero Configurable Attributes Etching Second Lens

Thanks for reading 🙏🏻

Back to all work