Product Tile Decluttered

Decluttering for Clarity: Enhancing Product Tile Design to Drive Conversions

What I did in this project:

1. Research
I began by evaluating the existing product tile layout across collection pages, identifying alignment issues and excessive visual clutter that hindered readability and user focus. I also reviewed competitor sites within the eCommerce and home décor space to gather best practices for displaying product information and CTAs effectively.

2. Internal Collaboration
To ensure alignment across teams, I collaborated with stakeholders from marketing, product, and content to clarify what information and actions were most critical to highlight on each product tile.

3. Design Execution
I redesigned the product tile layout by creating two different variations, to improve visual hierarchy, streamline content, and enhance the visibility and accessibility of CTAs. The refined design was shared for feedback, iterated based on input, and finalised in Figma with improved alignment, contrast, and spacing to support better user engagement and increase conversion rates.

4. A/B Testing
To validate the design improvements, we conducted A/B testing over a two-week period, comparing two updated variations against the original layout. The results showed a clear performance winner, which we then implemented on the live site.