Rebuilding Woolworths' product experience across app and web, to address tech debt while dramatically improving customer engagement and business outcomes.
View case study with additional project information, objectives and impact.
Challenges
The existing Product Details Page suffered from fundamental structural and performance issues that hindered customer experience and business growth.
Gallery and pricing display
We enhanced the product gallery by increasing image size, making it fully responsive, and repositioning roundels to the side to avoid obscuring images and allow multiple key details, like Health Star Rating, to display simultaneously.
Thumbnails were added on app and mobile web for easier browsing. Pricing information was reformatted with a clear hierarchy and optimised for screen readers, ensuring accessibility and compliance across platforms.
Improved product information
The redesigned product information architecture prioritised essential details while reducing cognitive load through improved visual hierarchy and strategic content placement.
This restructured how product specifications, nutritional information, and key details were presented, making critical information more accessible and scannable for users across all devices.
Enhanced product recommendations
The redesigned recommendation system improved product discovery through better algorithm integration and more prominent placement throughout the page.
The new recommendation carousels featured improved visual design, better personalisation, and increased interaction opportunities.
Ratings and reviews
We launched ratings and reviews on the app for the first time and completely redesigned the web experience, making it easier for customers to access authentic feedback and build trust in their purchase decisions.
