TWOTHIRDS PDP REDESIGN
UX/UI
Product Page redesign to boost AOV and cross-selling. Using A/B test data, we optimized the layout by keeping 'Complete the Look' near the buy button and converting heavy product grids into space-saving sliders
Cross-selling UX
UX/CRO OPTIMIZATION
CONVERSION-FOCUSED UX
A/B TEST & DATA ANALYSIS
LAYOUT RESTRUCTURE
Client
TWOTHIRDS
Year
2026
Field
Online-Retail
TWOTHIRDS PDP redesign
TWOTHIRDS PDP REDESIGN
UX/UI
Product Page redesign to boost AOV and cross-selling. Using A/B test data, we optimized the layout by keeping 'Complete the Look' near the buy button and converting heavy product grids into space-saving sliders
Cross-selling UX
UX/CRO OPTIMIZATION
CONVERSION-FOCUSED UX
A/B TEST & DATA ANALYSIS
LAYOUT RESTRUCTURE
UX/CRO OPTIMIZATION
CONVERSION-FOCUSED
A/B TEST & DATA ANALYSIS
LAYOUT RESTRUCTURE
Client
TWOTHIRDS
Year
2026
Field
Online-Retail
Overview: Driving AOV Through Strategic Cross-Selling
To maximize average order value (AOV) and elevate our e-commerce performance, I led the UX/UI redesign of TWOTHIRDS' Product Detail Page (PDP).
The goal was to transform a clean but low-exposure template into a high-converting, discovery-driven experience. I designed high-fidelity mockups for both desktop and mobile in Figma, introducing strategic cross-selling zones to capture customer intent early in the shopping journey.
Key Improvements
Dynamic Mobile Sticky CTA: Designed a smart sticky buy bar that triggers only after the primary CTA scrolls out of the user's viewport. This maximizes mobile screen space and minimizes clicks to cart.
Strategic Content Hierarchy: Positioned the high-converting "Complete the Look" module early in the scroll, directly underneath the product description, to capture intent immediately.
Category Slider & Discovery Grid: Following industry benchmark practices, we introduced a horizontal slider with products of the same category alongside a prominent "You Might Also Like" grid to encourage discovery.
Our 4-week mobile A/B test revealed a classic "Paradox of Choice." While the heavy product grids successfully drove exploration, they caused decision fatigue and distracted users from completing their purchases:
Product Grid Interaction: +20.41% (significantly increased exploration)
Average Order Value (AOV): -5.63%
Conversion Drop: Core transaction metrics and checkout initiations performed lower than the original control template.
Instead of pushing an underperforming layout, we executed a rapid, data-driven pivot. We reverted to the clean original template to protect baseline conversion rates, but integrated our two highest-performing assets: the "Complete the Look"module and the Smart Mobile Sticky CTA.
This optimized, hybrid layout successfully achieved the ultimate balance between exploration and conversion:
Conversion Recovery: Reverting to the original structure fully restored our baseline conversion rates and eliminated cart instability.
Sticky CTA Impact: By showing the sticky bar only after the main CTA disappeared from view, we reduced checkout friction and boosted mobile Add-to-Cart (ATC) rates by +12%.
High-Value Discovery: Retaining "Complete the Look" early in the scroll maintained strong AOV support without causing user distraction.
Results
Our 4-week mobile A/B test revealed a classic "Paradox of Choice." While the heavy product grids successfully drove exploration, they caused decision fatigue and distracted users from completing their purchases:
Product Grid Interaction: +20.41% (significantly increased exploration)
Average Order Value (AOV): -5.63%
Conversion Drop: Core transaction metrics and checkout initiations performed lower than the original control template.
Instead of pushing an underperforming layout, we executed a rapid, data-driven pivot. We reverted to the clean original template to protect baseline conversion rates, but integrated our two highest-performing assets: the "Complete the Look"module and the Smart Mobile Sticky CTA.
This optimized, hybrid layout successfully achieved the ultimate balance between exploration and conversion:
Conversion Recovery: Reverting to the original structure fully restored our baseline conversion rates and eliminated cart instability.
Sticky CTA Impact: By showing the sticky bar only after the main CTA disappeared from view, we reduced checkout friction and boosted mobile Add-to-Cart (ATC) rates by +12%.
High-Value Discovery: Retaining "Complete the Look" early in the scroll maintained strong AOV support without causing user distraction.
Results
The Starting Point
Our original PDP featured a highly simplified layout but lacked immediate cross-selling opportunities. To tackle this, we designed an extensive new layout featuring multiple vertical product grids, such as "Related Products," "Similar Products," "Complete the Look," and "Recently Viewed." While the desktop version was kept as a static high-fidelity visual layout (mockup without interactive prototyping), we built a fully testable mobile version to validate our hypotheses through a device-split A/B test.
Original PDP
New PDP
Overview: Driving AOV Through Strategic Cross-Selling
To maximize average order value (AOV) and elevate our e-commerce performance, I led the UX/UI redesign of TWOTHIRDS' Product Detail Page (PDP).
The goal was to transform a clean but low-exposure template into a high-converting, discovery-driven experience. I designed high-fidelity mockups for both desktop and mobile in Figma, introducing strategic cross-selling zones to capture customer intent early in the shopping journey.
The Starting Point
Our original PDP featured a highly simplified layout but lacked immediate cross-selling opportunities. To tackle this, we designed an extensive new layout featuring multiple vertical product grids, such as "Related Products," "Similar Products," "Complete the Look," and "Recently Viewed." While the desktop version was kept as a static high-fidelity visual layout (mockup without interactive prototyping), we built a fully testable mobile version to validate our hypotheses through a device-split A/B test.
Our original PDP featured a highly simplified layout but lacked immediate cross-selling opportunities. To tackle this, we designed an extensive new layout featuring multiple vertical product grids, such as "Related Products," "Similar Products," "Complete the Look," and "Recently Viewed." While the desktop version was kept as a static high-fidelity visual layout (mockup without interactive prototyping), we built a fully testable mobile version to validate our hypotheses through a device-split A/B test.
Original PDP
Original PDP
New PDP
New PDP
Key Improvements
Dynamic Mobile Sticky CTA: Designed a smart sticky buy bar that triggers only after the primary CTA scrolls out of the user's viewport. This maximizes mobile screen space and minimizes clicks to cart.
Strategic Content Hierarchy: Positioned the high-converting "Complete the Look" module early in the scroll, directly underneath the product description, to capture intent immediately.
Category Slider & Discovery Grid: Following industry benchmark practices, we introduced a horizontal slider with products of the same category alongside a prominent "You Might Also Like" grid to encourage discovery.
Results
Our 4-week mobile A/B test revealed a classic "Paradox of Choice." While the heavy product grids successfully drove exploration, they caused decision fatigue and distracted users from completing their purchases:
Product Grid Interaction: +20.41% (significantly increased exploration)
Average Order Value (AOV): -5.63%
Conversion Drop: Core transaction metrics and checkout initiations performed lower than the original control template.
Instead of pushing an underperforming layout, we executed a rapid, data-driven pivot. We reverted to the clean original template to protect baseline conversion rates, but integrated our two highest-performing assets: the "Complete the Look"module and the Smart Mobile Sticky CTA.
This optimized, hybrid layout successfully achieved the ultimate balance between exploration and conversion:
Conversion Recovery: Reverting to the original structure fully restored our baseline conversion rates and eliminated cart instability.
Sticky CTA Impact: By showing the sticky bar only after the main CTA disappeared from view, we reduced checkout friction and boosted mobile Add-to-Cart (ATC) rates by +12%.
High-Value Discovery: Retaining "Complete the Look" early in the scroll maintained strong AOV support without causing user distraction.
