Baymard Institute Home Articles Benchmarks Page Designs Research Catalog Audit Service About Search

E-Commerce Page Designs

5,340 full-page examples of e-commerce designs organized across 75 page types

Get design inspiration for your own e-commerce designs and get a feel for emerging trends with this database of 5,340 full-page design examples, documenting e-commerce designs from 2020 all the way back to 2013.
The examples are organized across the 75 page types listed below, each of which are then sub-divided by year and number of UX annotations.

Every single one of the 5,340 screenshots is annotated with highlights of UX “violations” and “adherences” (i.e. what the page design does well from a UX perspective, and what it does poorly).
Tip: you can also navigate the dataset by website case studies.

Homepage & Category

Homepage

225 Examples

Drop-Down Menu

208 Examples

Top-Level Navigation

218 Examples

Intermediary Category Page

273 Examples

On-Site Search

Search Field

177 Examples

Autocomplete Suggestions

157 Examples

Search Results Page

174 Examples

No Results Page

175 Examples

Product Lists & Filtering

Product List: Category

140 Examples

Product List: Search

140 Examples

Sorting Tool

134 Examples

Comparison Tool

56 Examples

Product Page

Product Page

245 Examples

Image Gallery Overlay

67 Examples

Video & 360-Views

70 Examples

User Reviews Section

112 Examples

Spec Sheet

75 Examples

Cart & Checkout

Cart

124 Examples

Cross-Sells

13 Examples

Account

121 Examples

Shipping Address

121 Examples

Delivery & Shipping Methods

119 Examples

Address Validator

65 Examples

Billing Address

93 Examples

Payment

136 Examples

Order Review

105 Examples

Order Confirmation

124 Examples

Gifting

40 Examples

Store Pickup

23 Examples

Accounts & Self-Service

'My Account' Drop-Down

47 Examples

Account Dashboard

47 Examples

Address Book

44 Examples

Stored Credit Cards

42 Examples

Newsletter Management

42 Examples

Orders Overview

45 Examples

Order Tracking Page

43 Examples

Order Returns

52 Examples

Mobile E-Commerce

Homepage

62 Examples

Navigation Menu

144 Examples

Category Page

41 Examples

Product List

62 Examples

Filtering Options

34 Examples

Search Field

66 Examples

Search Autocomplete

59 Examples

Search Results

64 Examples

Product Page

62 Examples

Cart

62 Examples

Checkout Account Selection

55 Examples

Shipping Address

65 Examples

Shipping Method

69 Examples

Billing Address

12 Examples

Payment Method

68 Examples

Review Order

41 Examples

Order Confirmation

62 Examples

Mobile Apps

Homepage

10 Examples

Navigation Menu

20 Examples

Category Page

7 Examples

Product List

10 Examples

Filtering Options

10 Examples

Search Field

10 Examples

Search Autocomplete

10 Examples

Search Results

10 Examples

Product Page

10 Examples

Cart

10 Examples

Account

8 Examples

Shipping Address

11 Examples

Shipping Method

9 Examples

Billing Details

9 Examples

Payment

19 Examples

Review Order

19 Examples

Receipt / Order Complete

10 Examples

'My Account' Drop-Down

1 Example

Account Dashboard

10 Examples

Orders Overview

10 Examples

Order Tracking Page

7 Examples