Client » PQS_Japan

The Left Sidebar filter headings on the homepage do not match the Figma design specifications.
In Figma, the sections are labeled as:

• “Shop by Make”
• “Shop by Price”
• etc.

However, on staging, they appear as:

• “Filter by: Maker”
• “Filter by: Price”
  This inconsistency creates a mismatch between the implemented UI and the expected design language.

Screens: Desktop (≥768px), Tablet (425px–768px), Mobile (≤375px)
Tested By: Tasfia Zaima

Steps to Reproduce¶

1. Open the PQS Japan staging website.
2. Navigate to the Home Page.
3. Scroll to the Left Sidebar filter section.
4. Compare the section headings with the Figma design labels.
5. Observe the difference in naming conventions.

Expected Result¶

The filter section headings should match Figma exactly, using labels such as:

• “Shop by Make”
• “Shop by Price”
• (and other Figma-defined headings)

Actual Result¶

The headings shown on staging use “Filter by: …” instead of the Figma-labeled “Shop by …” format.

Attachments¶

• Video Evidence

Module / Section¶

Home Page → Left Sidebar

Root Cause:¶

mismtatch with figma

Impacted Area:¶

left sidebar