Video carousel or grid? How to choose

Both layouts show the same videos. They ask entirely different things of the shopper, and picking by preference rather than by page is how a good video library ends up underperforming.

The difference in one sentence

A carousel shows a few things and implies there are more; a grid shows everything and implies you should look at all of it.

That is not a stylistic distinction. It determines how much attention the section asks for, and whether asking for it is reasonable given what the shopper came to do.

When a carousel is right

Use a carousel when video is supporting the page rather than being the page.

• A band on the home page. The shopper is orienting. A row that scrolls sideways offers range without demanding a decision.
• Under a product. They are deciding about one thing. Three or four videos is context; twenty is a detour.
• On a collection page. Between the filters and the grid of products, a carousel adds texture without competing with the catalogue below.

A carousel also degrades gracefully on a phone: sideways scrolling is a gesture people already use, and a row of cards at 375 pixels is still a row of cards.

When a grid is right

Use a grid when the video library is the point of the page.

• A dedicated video or lookbook page. The shopper came to browse. Hiding content behind a scroll arrow works against them.
• A campaign landing page. One coherent set, meant to be seen as a set.
• A large library with real variety. Thirty videos across six categories is a grid; the same thirty in a carousel is a scroll nobody finishes.

The mistake both ways

The common carousel mistake is loading it with forty videos. Attention drops off sharply after the third or fourth card, so videos five through forty are being stored rather than merchandised. If you have forty worth showing, that is a grid, or a page.

The common grid mistake is putting one on a page where the shopper is trying to do something else. A grid on a product page pushes the buy button down and asks a shopper who was about to purchase to start browsing again. That is a page working against itself.

The phone changes the maths

On a desktop, a three-across grid of nine videos is one screen. On a phone at one or two across, the same nine is a long scroll past everything below it — including, often, the thing you want them to reach.

Set the columns per device rather than picking one number and hoping. Three across on a desktop and one on a phone is usually right for a grid; a carousel needs less adjustment because sideways scrolling does not consume vertical space.

A simple rule

Ask what the shopper came to the page to do. If video helps them do it, use a carousel and keep it short. If video is what they came to do, use a grid and give it room. If you cannot answer the question, the section probably does not belong on that page at all.