The State of Ecommerce Design (2026): Data From 246 Stores
Most ecommerce design trends posts for 2026 are opinions. This one is a count. We tagged 1,430 screenshots from 246 ecommerce brands on GoodCart, covering homepage, collection and product pages on desktop and mobile, and recorded what's actually on each page: hero type, button shapes, filter placement, reviews, sticky bars and more.
This isn't a forecast of what's coming. It's a snapshot of what stores do right now: the conventions most sites share, and where those conventions change by industry and price point.
The Short Version
- Light wins. 94% of stores use a light theme. Only 3% go fully dark. But a third of them swap pure white for cream, beige or a soft tint.
- One hero, one button. 51% of homepages open with a full-bleed image, and 64% of heroes have exactly one CTA. Only 16% use a carousel.
- Corners signal price. 76% of luxury brands use sharp, square buttons. Mid-priced brands are the only group where pill buttons win (49%).
- Homepages sell products, not proof. 79% have a product rail and 69% have category tiles. Only 23% show reviews and 8% promote a loyalty programme.
- 4 columns on desktop, 2 on mobile. 62% of collection pages use a 4-column grid on desktop, and 83% switch to 2 columns on mobile.
- Product pages are standardised. 91% put the gallery on the left and the buy box on the right.
- Reviews depend on what you sell. 60% of product pages show reviews overall, but it's 90% in beauty and only 29% in fashion.
- Buy now, pay later is mainstream. 35% of product pages show a BNPL option like Afterpay, Klarna or Shop Pay, rising to 69% in kids' brands.
Homepages
Light themes, but not always white
| Site theme | Share |
|---|---|
| Light | 94% |
| Mixed (light and dark sections) | 3% |
| Fully dark | 3% |
Fully dark stores are rare and mostly tech or performance brands: CORSAIR, Logitech G, Mercedes-AMG F1 and HexClad all go black. Apple, Aritzia and Culture Kings switch between light and dark sections as you scroll.
Light doesn't mean white, though. 65% use a white or near-white page background, but 31% use a tinted one: cream, stone, pastel or a brand colour. It's the quiet way to stand out without the trade-offs of a dark theme. If you're weighing that up, read Should Your Ecommerce Site Use Dark Mode?
The hero is one big image with one button
- 51% of desktop heroes are a full-bleed image, 21% split layouts, 16% carousels, and only 6% video
- 80% put text over the image
- 64% have exactly one CTA, 20% have two or more, and 16% have none at all
One image and one clear action is the norm. On mobile, even more brands (56%) go full-bleed, because a split layout just stacks.
Homepages sell products before proof
| Homepage section (desktop) | Share |
|---|---|
| Horizontal product rail | 79% |
| Category tiles | 69% |
| Collection spotlight | 64% |
| Editorial or lookbook block | 45% |
| Mission or brand story | 45% |
| USP strip (free shipping, returns) | 40% |
| UGC / customer photos | 31% |
| Press or third-party proof | 28% |
| Newsletter sign-up block | 28% |
| Blog preview | 26% |
| Product reviews | 23% |
| Store locator | 11% |
| Quiz entry | 9% |
| Loyalty programme promo | 8% |
The homepage's job is getting people into the catalogue: products, categories and campaigns come first. Reviews and loyalty mostly live elsewhere.
Announcement bars are standard
72% of stores have an announcement bar above the header. The most common messages are a promo (41% of bars) or free shipping (38%), and 19% rotate through several messages.
Visual style: sharp, sans and contained
- Buttons: 52% sharp, 34% pill, 13% slightly rounded. 87% are solid fills; outlined buttons are mostly a luxury move
- Images: 69% use square-cornered images
- Headings: 49% sans serif, 36% serif, 13% display fonts. A third set headings in uppercase
- Layout: 68% keep content in a contained width. Only 24% go full-bleed throughout
- Logo: split almost evenly: 54% left, 46% centred
- Navigation: 49% use simple inline links on desktop and 33% a mega menu. On mobile, 95% use a hamburger drawer
Price tier changes the look
This is where the bigger sample pays off. Button shape tracks price point closely:
| Price tier | Sharp buttons | Pill buttons |
|---|---|---|
| Value | 40% | 33% |
| Mid | 38% | 49% |
| Premium | 63% | 24% |
| Luxury | 76% | 14% |
Typography follows a similar pattern. Display fonts show up on 23% of mid-priced brands but only 3–4% of premium and luxury ones, which lean on serif and sans instead. Luxury brands are split evenly between serif and sans headings (48% each).
Collection Pages
Grids: 4 columns on desktop, 2 on mobile
62% of desktop collection pages use 4 columns and 32% use 3. On mobile, 83% use 2 columns and 15% use a single column, mostly fashion and furniture brands that want bigger images.
Filters live in a drawer
| Filter placement | Desktop | Mobile |
|---|---|---|
| Drawer behind a "Filter" button | 32% | 67% |
| Left sidebar | 20% | – |
| Top bar | 18% | 3% |
| No filters | 30% | 30% |
Only 20% of desktop collection pages use a left sidebar. And almost a third of collection pages have no filters at all, mostly smaller catalogues where a filter would have nothing to narrow.
Most collection pages skip pagination
61% of collection pages show no page numbers or load-more button, usually because the whole range fits on one page. 17% use numbered pages, 15% a "Load more" button, and 6% infinite scroll.
Product cards
- Images: 54% portrait, 42% square. 56% shoot the product on a tinted background (light grey or beige), 19% on plain white, and 25% on a model or in a lifestyle setting
- Badges: 78% use badges on cards. "New" is the most common (42% of pages), then bestseller, availability and sale
- Swatches: 37% show colour swatches on the card
- Quick add: 32% on desktop, 43% on mobile
- Star ratings: only 26% show ratings on the card
- Promo tiles: 36% drop a campaign or promo tile into the grid
- SEO copy: 30% put a block of text below the grid
Product Pages
The layout is settled
91% of desktop product pages put the gallery on the left and product info on the right. How the gallery works varies more: a 2-column image grid (28%), a carousel with thumbnails at the side (22%) or a single stacked column (22%). On mobile, 63% use a swipe carousel with dots.
66% use a full-width add-to-cart button on desktop, rising to 78% on mobile. 67% put product details in accordions.
What's in the buy box
| Product page element (desktop) | Share |
|---|---|
| Short description near the title | 71% |
| Reviews on the page | 60% |
| Star rating near the title | 58% |
| Label showing the selected option ("Colour: Black") | 55% |
| Trust signals (guarantee, returns, secure checkout) | 36% |
| Buy now, pay later | 35% |
| Size guide | 34% |
| Wishlist button | 34% |
| Free shipping message | 34% |
| Bundles | 25% |
| Delivery estimate | 23% |
| FAQ | 21% |
| Review photos | 21% |
| Click and collect | 17% |
| Subscription option | 17% |
| Video in the gallery | 16% |
| Urgency message ("Only 2 left") | 12% |
| Comparison table | 9% |
| Fit finder | 8% |
| Express checkout buttons | 5% |
Industry changes everything
The overall numbers hide big differences between categories. Reviews are the clearest example:
| Vertical | Reviews on product page | BNPL | Subscription |
|---|---|---|---|
| Health and supplements | 100% | 23% | 85% |
| Beauty and skincare | 90% | 16% | 42% |
| Kids | 85% | 69% | 8% |
| Food and drink | 75% | 8% | 50% |
| Homewares | 71% | 57% | 5% |
| Activewear | 60% | 60% | 0% |
| Electronics | 46% | 54% | 8% |
| Accessories and jewellery | 43% | 50% | 0% |
| Fashion | 29% | 27% | 2% |
| Furniture | 29% | 36% | 0% |
Categories you buy repeatedly or put on your body (supplements, skincare, food) lean hard on reviews and subscriptions. Fashion and furniture mostly sell on imagery instead. Higher-priced, one-off purchases (kids' gear, homewares, electronics) are where BNPL shows up most.
Urgency messaging follows the same pattern. It's on 12% of product pages overall, but 38% of electronics and 46% of kids' product pages, and almost nowhere in furniture or supplements.
What This Means for Your Store
- Follow the conventions shoppers already know. Gallery-left product pages, 2-column mobile grids and filter drawers are the norm. Break them only with a reason.
- Benchmark against your category, not ecommerce as a whole. A fashion store without reviews is normal. A skincare store without them is an outlier.
- Match your corners to your price. Sharp buttons read premium; pills read friendly and accessible. Make sure yours says what you mean.
- Use a tinted background before going dark. A third of stores use cream or a soft colour to stand out. It's lower risk than a dark theme.
- Think twice about a hero carousel. Only 16% use one.
How We Collected This Data
Every brand was captured and tagged by GoodCart against a schema we built for ecommerce pages, covering hero type, filters, buy box features, visual style and more. Tagging was AI-assisted, done brand by brand, and recorded only what’s visible in each screenshot
We're tagging the rest of the GoodCart catalogue and will update these numbers as it grows. Once we recapture the same brands, we'll be able to show what's actually changing.
FAQ
What are the biggest ecommerce design trends in 2026? Based on what stores actually do, the most common patterns are single full-bleed heroes with one CTA, light themes with tinted rather than pure white backgrounds, sharp corners on premium sites, filter drawers instead of sidebars, and buy now, pay later on product pages.
What percentage of ecommerce sites use dark mode? In our sample, 3% of stores use a fully dark theme and another 3% mix dark and light sections. Most dark stores are tech or performance brands.
How many columns should a product grid have? Most stores use 4 on desktop (62%) and 2 on mobile (83%).
Do ecommerce sites use hero carousels? Only 16% of homepages do. 51% use a single full-bleed image instead.
Should product pages show reviews? 60% do overall, but it depends on your category. 90% of beauty and 100% of supplement product pages show reviews, against 29% in fashion.
Where should filters go on a collection page? A drawer is the most common choice on desktop (32%) and the clear standard on mobile (67%). Left sidebars (20%) still suit stores with lots of filter types.
Browse every example by page type on GoodCart: homepage designs, collection page designs and product page designs.
