Redefining Key Pages for Enhanced Engagement
Modern layouts, optimised visuals, intuitive navigation
Tools Used:
Figma, Google Sheets
Problem Statement
The current schuh product pages lack the modern, immersive experience found on competitor sites like Office. The grid-based image layout and outdated design elements do not fully showcase products in an engaging way, potentially impacting user engagement and conversion rates. Navigation, imagery, and overall usability need to be streamlined to create a more visually appealing, intuitive, and conversion-focused shopping experience. By modernising these pages, I aim to enhance the look, feel, and functionality to better align with customer expectations and industry standards.
The Solution
The current schuh product pages lack the modern, immersive experience found on competitor sites like Office. The grid-based image layout and outdated design elements do not fully showcase products in an engaging way, potentially impacting user engagement and conversion rates. Navigation, imagery, and overall usability need to be streamlined to create a more visually appealing, intuitive, and conversion-focused shopping experience. By modernising these pages, I aim to enhance the look, feel, and functionality to better align with customer expectations and industry standards.
My Updates to the Product Page Design
For this product page redesign of the retailer Schuh, I modernised the user interface to create a more intuitive and engaging shopping experience. I introduced a dynamic product grid layout, similar to competitors like Office, replacing the previous single image and static thumbnails. The product image and information were repositioned side by side to create a more cohesive design, while I implemented sticky product details on the right to enhance accessibility as users scroll. To improve engagement, I added scrollable reviews, allowing for smoother navigation and interaction. These updates resulted in a noticeable increase in user engagement and a boost in "add to bag" actions, demonstrating the success of the design changes in enhancing the overall shopping experience.
Product Page: Initial Redesign
Product Page: My Redesign
My Updates to the Product Page Design
For this enhanced version of the product page, I took the design a step further by pushing the boundaries of functionality and aesthetics. I elevated the product photography by incorporating modern, high-quality shots and replaced the dull grey background with a clean, crisp white to create a more visually appealing and contemporary look. I decluttered the header for a cleaner interface and added flair to the product information by styling the text with better spacing for improved readability. The branding was subtly refined to allow the focus to remain on the product. Key features, such as loyalty and reviews, were highlighted using cards with tasteful drop shadows, while the reviews section was reimagined to encourage a stronger sense of community with user-focused content. I also updated the product carousels to a tab format, incorporating additional products and user-generated content further down the page to prioritise the most interacted-with elements. Lastly, the footer was streamlined and tidied for a more polished and cohesive design. These updates reflect my ability to enhance the user experience while maintaining a modern, user-centric approach.