the dtc live newsletter:
June 4, 2026

How to choose the right layout for your product pages

It is easy to treat your storefront layout as a purely aesthetic choice. You look at competitor sites, pick the one that looks cleanest, and lock it in.

But layout choices succeed when they match your customer's intent, not just your design preferences. Deciding between a card (grid) view and a list view depends entirely on how your customers make decisions.

Here is a simple, three-step framework to audit and test your category layouts this week:

1. Use card layouts to drive visual exploration

Card layouts work best when your shoppers are in discovery mode. They rely on heavy visual scanning, emotional decision-making, and inspiration.

If you are selling products where the aesthetic is the primary buying trigger, like fashion, home decor, travel, or beauty, cards are your best option. A large, high-quality image with minimal text helps users form a preference quickly and intuitively.

But keep in mind: the moment your customer wants to compare details, cards start to introduce friction.

2. Deploy list layouts to simplify analytical decisions

List views prioritise efficiency and clarity. Information is aligned horizontally, making it easy to compare specifications, prices, and dimensions side-by-side.

If you sell technical products, spare parts, bulk goods, or highly price-sensitive items, a list layout reduces the mental effort required to make a choice. It makes your site feel highly functional and speeds up the journey from landing to checkout.

However, lists can also feel cold and transactional. If your product relies heavily on brand storytelling, a list view might make your premium brand feel like a commodity.

3. Test your layout against actual customer behaviour

The biggest mistake isn't choosing cards or lists, it's picking one format and never questioning it.

Because customer decision-making isn't static, your design shouldn't be either. Shoppers often start by browsing (where cards work best) and finish by comparing details (where lists perform better).

Here are three simple things to test on your store:

  • The Toggle Option: Try adding a simple, low-friction toggle icon at the top of your category pages, allowing the user to switch between grid and list views themselves. Watch which one gets clicked more.
  • The Device Split: Review your mobile vs. desktop conversion rates. Mobile screens have tight physical constraints where lists are often much easier to navigate than double-column grids.
  • The High-Intent Audit: Look at your highest-volume search terms on your site. If users are searching for specific part numbers or exact product names, try sending that traffic to a list-based search results page instead of a grid.

The Takeaway

Designing for aesthetics favours cards. Designing for clarity favours lists. But designing for outcomes means testing both to see where your customers actually hesitate.

An invite worth clearing your diary for...

16th July | London

Our partners at Rainy City Agency are hosting an intimate, invite-only dinner in London on 16th July at 6:30 pm for founders and senior eCommerce leaders.

There are no panels, no pitches, and zero filler. It is simply a curated table of scaling brands having honest, unfiltered conversations about what is actually working, what is failing, and how we are all navigating the current landscape.

Because we want to keep the discussion highly focused, spaces are limited. If you are ready to step away from the screen and connect with people who understand the daily realities of building a brand, we would love to have you.

Click to register your interest, and we'll be in touch.

The DTC Live Podcast: Inside fourfive

We sat down with Damian, Head of Performance Marketing at the wellness brand fourfive, to break down what actually drives profitable growth on Meta in 2026.

We dive deep into:

  • Why volume of new concepts beats making micro-changes to the same creative.
  • Why standard ROAS is becoming a misleading metric, and how to look at CAC and LTV instead.
  • How subscription brands can build long-term customer value.
  • How Damian uses tools like Claude to speed up reporting and creative ideation.

Stream now on Spotify or watch on YouTube.

In Other News…

Legacy Tech is Blocking Retail Growth: A new report reveals that major UK retailers are struggling to implement digital upgrades because they are trapped by legacy systems and strict ROI barriers. What this means for you: This highlights the ultimate DTC advantage. While massive heritage brands spend years untangling outdated, clunky software just to launch a simple new feature, lean brands on modern platforms can test, launch, and adapt in weeks. Lean into your speed.

UK Retailers Pull Back on Price Rises: Fresh data from the Office for National Statistics shows that UK businesses are becoming much more cautious about price hikes as cost pressures begin to ease. What this means for you: Consumers are still highly price-sensitive, making aggressive price hikes a risky move right now. If your margins are tight, look at improving your average order value through smart product bundling or optimising your shipping thresholds, rather than pushing transactional price hikes that might drive customers to competitors.

By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
© 2024 Rainy City Consulting LTD trading as DTC Live. Company No. 12508308 | VAT 472938650. Registered in England & Wales. Registered Address: Floor 3, Leigh Spinners Mill, Park Lane, WN7 2LB | Website by Curious Frog