PRODUCT DETAIL PAGE REDESIGN
Desktop, Mobile Web
VISIONING & STRATEGY | IDEATION & CONCEPT DEVELOPMENT | UX DESIGN


What are we trying to solve?

  • Difficult for guest making purchase decision for lack of better color swatch, hard to find color name or size information, insufficient product texture images  

  • Provide more accurate, real-time availability information without all the clicks

  • Increase flexibility & standardization in how the system accommodates product information used on the Product Detail Page

Original Product Detail Page

Ulta-OldPDP.png

Original Product Availability

Ulta-PDP-FIS-Before.png

THE SOLUTION

  • Highlight key content and group relevant product information on top of the page

  • Redesign variant section with product smear as an alternate image to make color options quick and easy for guest to see

  • Evolve product availability messaging and improve availability accuracy with geolocation for seamless experience

  • Support Omnichannel initiative by added Buy Online & Pick Up In Store availability


RESEARCH PROTOTYPE

 

Wireframes

PDP-Desktop.png
mweb-PDP.png
MVP1 Desktop Wireframes | MVP 1 Mobile Web Wireframes Wireframes available upon request

MVP1 Desktop Wireframes | MVP 1 Mobile Web Wireframes
Wireframes available upon request


FINAL PRODUCT

Desktop-PDP.png
Desktop-PDP-FIS.png
 
mWeb-PDP copy.png