Product detail page refresh
I collaborated with an ecommerce agency to refresh this Shopify PDP experience and improve product selection clarity on mobile and desktop.
Challenge
The existing PDP needed a clearer conversion flow, especially for variant selection and add-to-cart visibility on smaller screens.
Approach
- Reworked PDP layout and UI details to match updated Figma designs.
- Implemented variant pickers with image swatches for clearer flavor/product differentiation.
- Added sticky add-to-cart behavior to keep primary purchase action visible during scroll.
Outcome
The updated PDP improved selection clarity and reduced purchase friction by keeping key decision controls and CTAs easier to access.
Stack
Shopify Liquid, JavaScript, PDP UX optimization, responsive interaction design.