75% Revenue Lift Through Enhanced UX.
Objective
The PDP Redesign focuses on improving experience and conversions through modular layouts, reduced technical debt, image-forward design, consolidated details, and streamlined style. These solutions mirrored the current problems we were facing in the original PDP.
My Role
As the Senior UX Designer, I was responsible for conducting user research, concepting new PDP designs, and testing prototypes to drive measurable improvements.
Research
Reviewed data analytics and conducted contextual inquiries and usability testing to uncover pain points in the existing PDP experience. Focusing on engagement data, entry point, key growth segments, and key factors affecting the conversion decline.
A shopper analysis was conducted via UserZoom over several weeks. Reviewed customer callouts from site surveys and call center. There was also a discovery session with Merchants, Marketing, and the Brand Creative team. The key insights were then gathered and considered for initial wires. The next focus was a competitor analysis which gave a macro view of the overall patterns from a typical PDP. There I was able to pin point what were the strengths and weaknesses of the layouts.
Ideation
Generated multiple PDP design concepts, focusing on improving product information hierarchy, multimedia presentation, and conversion flows. The focus was to bring a "mobile first" experience that's sleek, information forward, and organized to encourage feature engagement, which drives ATB.
MODULAR DESIGN
Also, a key focus was to design the whole page as modular for segmented experiences, bringing top areas forward such as size and fit information to increase buying confidence. And finally, a multi purchase experience with robust data in one place.
Prototyping and Testing
Broke down PDP into sections for JIRA tickets in developer handoff, this streamlined the development process and made the design to dev handoff seamless. Each section of the PDP was identified and developed per ticket, which contributed to the 1:1 design/dev accuracy from design to production. Testing was then conducted over several months with slight iterations.
Improvements
Reorganized product details to prioritize key information and included a visual storytelling concept, fixing hierarchy of text for better readability.
Streamlined content layout to surface the most critical details first, reducing cognitive load.
Enhanced visual product presentation by enlarging and spotlighting imagery across the page for continuity and editorial focus.
Highlighted and pushed reviews up for better readability, including a feature on outfitting with an in-house developed module for multi product shopping.
Showcased a dedicated Size and Fit section.
Results and Impact
Significant areas of improvement across all KPIs. Increase in AOV, RPS, ATC and CVR.
The Baymard Institute performed an annual UX audit after the PDP redesign updates. The results listed show a significant increase (now, a best-in-class example). Out of the ranking system the new PDP is 2nd & 3rd best PDP assessed by that company out of 251 e-commerce sites.
The PDP was showcased in a case study by the Business of Fashion, viewed as a best-in-class example in e-commerce.
BUSINESS OF FASHION