// Lidian Bregman

Redesign of related products

Romal header phoro

Role

My role in this project was to fulfill both roles as UX and UI Designer and collaborate with the frontend developer

Team

UX/UI Designer: Lidian Bregman
Frontend developer: John Doe

Duration

8 weeks / 32 hours
(30 september 2025 – 5 november 2025)

Tools

Figma, Slack, Jira (Atlasian)

Overview

I was tasked to help with the redesign of the product detail page for one of our clients from the agency

Scope

Information architecture, wireframing, design system and rapid prototyping

// Discovery phase

This project started with a request from one of our customers through a ticket in Jira. After reviewing it, I scheduled a meeting to gain a comprehensive understanding of the request. The client expressed a desire to sell more products on their product detail page while the design would be still clean and a seamless user flow

// Research and preparation

With a design system and Figma file already in place, I kicked off the project by auditing the style guide and color palette. Combining these brand guidelines with insights from the client meeting, I translated all needs into a clear list of requirements for the product detail page:

• Create a new design for recently seen products on the product detail page
• Adding related products
• Redesign of the product information block

// Related products

To streamline the user journey, I integrated related products near the ‘Add-to-Cart’ button. The challenge was to keep the layout compact and easy to implement. I presented the client with several design iterations, allowing them to choose the version that best fit their workflow and user needs.

// Deconstructing

The begin with implementing the required features into the redesign, I started to duplicate the original and deconstruct the most important information product detail page. This included the image, article information, downloads, prices, stock information, quantity selector, add-to-cart button, USP’s and quote request and specifications whereafter I placed the elements one by one in the design.