Two-by-two product grid increases product evaluation efficiency on mobile collection pages
Discover how a two-column mobile grid layout enhanced user experience and achieved a 13.3% increase in conversions. Explore the insights!
Metric
Conversion rate
Lift change
+13.3%
Control
Variation
If we set the default collection page mobile layout to a two-by-two product grid, then product clickthrough rate will increase because displaying more products simultaneously reduces the scroll effort required to evaluate the range and allows visitors to make faster side-by-side comparisons during the browse phase.
What We Changed
- Switched default mobile grid from 1-column to 2-column on collection pages.
- Maintained autoplay video functionality on product cards.
- Kept desktop layout unchanged.
- Preserved manual grid toggle option.
Detailed breakdown
Conversion Rate
+13.3%
Add-to-Cart Rate
+10.2%
Revenue
+16.4%
Orders
+13.6%
Key Learnings
- Displaying more products at once reduced scroll effort.
- Easier side-by-side comparison increased conversion rates.
- Lower cognitive load led to more confident purchase decisions.
- Improved layout resulted in higher revenue and order numbers.
