Product detail page redesign

Context

The product detail page is where shoppers decide whether to buy. For a long time, we improved it through individual changes, adding elements and flows in the hope of improving metrics. But the experiments introduced too much change at once. Users did not respond well, and we repeatedly had to roll back to the 2022 version.

Product information

The product information section was a good example of one of these large experiments. Qualitative and quantitative research highlighted problems with how shoppers understood the section and how product attributes were presented. I rebuilt its structure and created guidelines for filling in product information.

We developed the design and launched an A/B test, but the results were inconclusive. This suggested that the problem extended beyond one section: the whole page was so overloaded that users were not noticing individual improvements.

Why redesign the page?

At the same time, Lamoda began a major rebrand. Its new visual language needed to carry through to the product. We chose to start updating the app at a key conversion point: the product detail page. We already had a foundation of improvements; the next step was to bring them together in a consistent style.

Hypothesis

If we simplify the page visually, put product photography first, make size selection calmer, and structure product information, then shoppers will find it easier to decide what to buy. Previous experiments suggested that the page was too overloaded for users to notice isolated improvements, so we needed to rethink the entire screen.

Solution

We divided the work among the designers on my team. I took ownership of the key sections: the photo gallery, product name and price, size selection, and product information. I was also responsible for assembling the final page and checking it against our guidelines.

One goal was to reduce visual clutter, focus attention on what mattered, and make room for future features. I combined our earlier work with a review of the page’s existing features and their effectiveness.

Above the fold

The information visible when a shopper opens the page is critical to keeping their attention and helping them move toward a purchase. I emphasized photography and removed unnecessary elements. Shoppers could now add the product to their wishlist or cart, or share it, directly from the first screen. The brand, rating, and price also remained in view.

Size selection

Size selection was another pain point. Research showed that the overloaded section, scattered controls, and labels confused users. Back-in-stock notifications also caused problems: selecting an unavailable size subscribed users automatically, without a way to cancel.

I focused on reducing visual noise and making size selection calmer while preserving all existing functionality.

I also redesigned the back-in-stock flow. Shoppers can now manage their subscriptions on the product page and view measurements for sizes that are out of stock.

I updated the size advice modal too. Research showed that shoppers did not understand where our fit information came from. The new design shows the distribution of customer feedback to make the advice more trustworthy.

Product information

In the previous experiment, I had already grouped and prioritized product attributes. For the new page, I changed the structure to expandable sections with descriptive headings. This was intended to reduce cognitive load and help shoppers focus on the information they needed.

Iterative rollout

We decided to update the product page in stages. The first iteration focuses on visual styling: semibold typography, a cleaner layout, and a consistent new look and feel. This will lay the foundation for using the new styles across the product.

This iteration is currently in an A/B test. In subsequent iterations, we will test the improvements we believe in, including a larger gallery, a new structure for product information, and updates to other sections.

Results

The first iteration is in an A/B test. We expect the cleaner layout and consistent styling to make information easier to scan and maintain or improve add-to-cart conversion (CR to CartAdd).

We will consider the test successful if add-to-cart conversion does not decline and the returns rate does not increase. Next, we will test a larger gallery and other section updates in stages.