How might we connect customers to available products as seen in the on figure photography in a frictionless way from the Product Page?
TIMELINE
3 Weeks
THE TEAM
1 UX Designer
1 UX Researcher
1 Product Owner
MY ROLE
Lead UX/UI Designer
Researching and understanding problem space & defining design strategies
Sketching and presenting ideas for critique and review
Iterative User Testing
Visual Design
Pixel Perfect File Preparation
Pairing with developers for production release
Previously, a customer on a PDP had no seamless way to shop the other items shown in the On Figure Photography (OFP).
It would take a customer over 6 clicks to arrive at a product on the model, which was source of friction and frustration that may be resulting in missed upsell opportunities.
How might we connect customers to available products as seen in the on-figure photography in a frictionless way from the PDP?
Design Considerations
Location
Where on the page should we indicate the shoppability of the alternate items?Indication
How should we indicate the shoppability of the other items?Interaction
What should happen when the customer engages with the shoppable items?Unavailable Items
How should we handle unavailable items?
Sketches and Wireframes
The solution is a "Shop this Look" accordion directly under the product images, providing customers with immediate access to products while they browse.
User tests of multiple designs indicated this “Shop this Look” solution underneath the photography was the most discoverable amongst participants, and the most technically feasible in a short timeline.
