Product detail page redesign

·

2026

PDP Redesign

SS26 Lookbook

An early-stage redesign of the Hawes & Curtis product detail page, focused on improving product clarity, mobile usability and the path from product consideration to add to bag.

Hawes & Curtis

·

CRO & UX Lead / UX & UI Design

PDP Redesign — Hawes & Curtis

Overview

The Hawes & Curtis PDP redesign is an in-progress UX and UI project focused on improving one of the most important commercial templates on the site.

The work looks at how customers evaluate products and what information they need before feeling confident enough to add to bag. Early iterations explored improvements to product imagery, colour selection, size guidance, product details, reviews, multibuy messaging and “Wear it With” recommendations.

On mobile, the focus was on making the page feel clearer and easier to use in a limited space. The proposed direction included full-width product imagery, visible colour options, better placement of the size guide and product details that are easier to access without extra effort.

On desktop, the focus was on creating a stronger balance between imagery and product information. Product imagery could scroll vertically, while key product information remains accessible until the user reaches the end of the image set. The layout also needed to stay centred and controlled on larger screens, rather than stretching too far across wide displays.

Because the redesign is not live yet, the case study is focused on the thinking, structure and early design direction rather than final results. The project shows how I approach PDP improvement as a commercial UX challenge: reducing hesitation, improving clarity and helping customers make faster, more confident product decisions.

At a glance

Client

Hawes & Curtis

Role

CRO & UX Lead / UX & UI Design

Focus

PDP UX · Mobile conversion · Product confidence

Tools

Figma, GA4, Hotjar, stakeholder collaboration, development handoff

Output

Early responsive PDP redesign iterations

Year

2026

Disciplines

UX Design, UI Design, eCommerce, CRO, PDP Design, Mobile UX

Status

In progress

Context

The product detail page is one of the most important commercial moments in an eCommerce journey. By the time a customer reaches a PDP, they are actively evaluating a product — but small points of friction can still create hesitation.

For Hawes & Curtis, the opportunity was to review how product information, imagery, size selection, colour options, reviews, multibuy messaging and recommendations were working together.

The redesign explored how the PDP could feel clearer, more confident and easier to use, particularly on mobile where space is limited and decision-making needs to feel effortless.

01

The challenge

The existing PDP had to support several important customer decisions at once: product evaluation, image browsing, colour choice, size selection, product details, reviews, promotion awareness and cross-sell discovery.

The challenge was that these decisions were not always supported in the clearest order, especially on mobile. Some useful information could be missed, while other key actions required more effort than they needed to.

The redesign needed to make the PDP clearer and more commercially effective without making the page feel busy or overloaded.

02

What it needed to do

01

Improve product clarity at the point of consideration

02

Make size, colour and product details easier to act on

03

Increase confidence through better information hierarchy

04

Create a sprint-ready foundation for PDP optimisation

03

My role

As CRO & UX Lead, I shaped the PDP redesign from early analysis through to design exploration and stakeholder review.

  • Reviewed the existing PDP experience and identified key friction points

  • Explored mobile and desktop layout improvements in Figma

  • Defined the first sprint of proposed PDP changes

  • Created annotated design recommendations for stakeholder alignment

  • Considered responsive behaviour across mobile and desktop

  • Worked through product information hierarchy, interaction states and content placement

  • Prepared the work for development discussion and phased delivery

Feature callouts

Decision points made clearer

A few of the PDP improvements explored to reduce hesitation and help customers feel more confident before adding to bag.

Stronger product browsing

Full-width mobile imagery and a clearer desktop image layout helped make product evaluation more visual and immersive.

Visible colour selection

Colour options were kept easier to find, helping customers compare available styles without searching through the page.

Size guidance closer to action

The size guide was positioned near size selection, supporting customers at the exact point they need reassurance.

Wear it With discovery

Product recommendations were positioned to support outfit building and encourage further browsing without overwhelming the PDP.

Reducing hesitation before add to bag

The redesign focused on the decisions customers need to make before buying, like product confidence, colour, size, details, reviews and related products.

Commercial thinking

Reducing hesitation on the path to add to bag

The redesign was shaped around the idea that a PDP should reduce hesitation, not create more decisions for the customer to work through.

Rather than treating the page as a simple product information template, the work focused on the buying decisions a customer needs to make: do I like the product, is it available in my size, what colours are available, what offer applies, can I trust the quality, and what else works with it?

  • Product imagery was prioritised to create stronger visual confidence

  • Colour and size selection were kept easier to find and act on

  • Product details were made more accessible earlier in the journey

  • Reviews and reassurance were brought closer to the decision-making moment

  • Cross-sell recommendations were designed to support outfit building and basket growth

  • Promotional messaging was treated as a useful decision cue, not a separate marketing layer

06

Outcome

The project is currently at early iteration stage and has not yet launched, so there are no performance results to report.

The work has created a clearer direction for how the Hawes & Curtis PDP can evolve through practical, sprint-based improvements.

  • A clearer PDP structure for mobile and desktop

  • Early design iterations focused on product confidence and decision-making

  • A proposed first sprint of PDP improvements

  • Stronger visibility of colour, size, details, reviews and recommendations

  • A more considered approach to balancing product content, promotion and cross-sell

  • A foundation for future testing and post-launch optimisation

07

What I’d improve next

Because this work is not live yet, the next step would be to validate the design through stakeholder feedback, development review and post-launch measurement once released.

The strongest next move would be to define exactly which changes are included in the first build sprint, then measure the impact on PDP engagement, size interaction, add-to-bag rate, recommendation clicks and mobile conversion behaviour.

  • Validate the first sprint with stakeholders and development

  • Test interaction states before build

  • Track size guide clicks, colour selection and add-to-bag behaviour

  • Measure “Wear it With” engagement once live

  • Review mobile scroll behaviour after launch

  • Continue improving the PDP through smaller, measurable iterations

MICHAEL MAYNARD
PRODUCT DESIGNER · ECOMMERCE
MICHAEL MAYNARD
PRODUCT DESIGNER · ECOMMERCE