CS Product Detail Page

During the discovery phase, I analysed product page performance data, user behaviour, and existing layout patterns to understand how customers were interacting with key information. A clear insight was that users repeatedly scrolled to find essential purchase details, indicating that critical decision-making content was not sufficiently prominent. I also found that the size guide was frequently opened and revisited, suggesting that users were struggling to compare sizing information with available options within the main product flow. Based on this, I explored multiple structural approaches for the PDP and defined a revised information hierarchy that surfaced key purchasing details earlier in the journey. I introduced a persistent information panel that remained accessible as users scrolled, ensuring that size selection and core product actions were always available without requiring navigation back up the page. Building on this structure, I designed a more focused purchase experience that balanced editorial imagery with functional clarity. Outfit suggestions were moved out of the main scroll flow and placed behind a toggle to reduce unnecessary scrolling and keep focus on core purchase decisions. I also proposed an integrated sizing overlay that brought size selection, size guides, and measurement information into a single consolidated panel, allowing users to compare sizing options and make decisions without switching contexts or losing their place in the journey.