This is a case study of Grainger’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 547 design elements. 122 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
Grainger’s overall e-commerce UX performance is poor. This is mainly due to poor Mobile Web and mediocre Desktop Web performances.
First benchmarked in April 2012, and reviewed 28 times since then, most recently January 2024.
Overall UX Performance
548 Guidelines · Performance:
Desktop Web
272 Guidelines · Performance:
Homepage & Category Navigation
21 Guidelines · Performance:
Homepage
6 Guidelines · Performance:
Category Taxonomy & Intermediary Category Pages
9 Guidelines · Performance:
Main Navigation
6 Guidelines · Performance:
On-Site Search
30 Guidelines · Performance:
Search Query Types
8 Guidelines · Performance:
Search Form and Logic
4 Guidelines · Performance:
Search Autocomplete
8 Guidelines · Performance:
Search Results Layout & Filtering
10 Guidelines · Performance:
Product Lists & Filtering
51 Guidelines · Performance:
List Layout
12 Guidelines · Performance:
List Item Thumbnails
5 Guidelines · Performance:
List Item Info
9 Guidelines · Performance:
List Item Features
6 Guidelines · Performance:
Filtering: Available Filters
5 Guidelines · Performance:
Filtering: Interface, Scope & Logic
8 Guidelines · Performance:
Sorting
6 Guidelines · Performance:
Product Page
49 Guidelines · Performance:
Product Page Layout
8 Guidelines · Performance:
Product Images: Gallery UI, Videos & 360-Views
8 Guidelines · Performance:
The "Buy" Section, Shipping & Returns
10 Guidelines · Performance:
Product Descriptions, Specs & Variations
10 Guidelines · Performance:
Cross-Sells & Auxiliary Content
5 Guidelines · Performance:
User Reviews
8 Guidelines · Performance:
Cart & Checkout
87 Guidelines · Performance:
Checkout Types & Layout
6 Guidelines · Performance:
Shopping Cart and “Added to Cart”
11 Guidelines · Performance:
Account Selection & Creation
7 Guidelines · Performance:
Customer & Address Information
9 Guidelines · Performance:
Shipping & Fulfillment
11 Guidelines · Performance:
Payment Flow & Methods (Incl. Credit Card & Third-Party)
12 Guidelines · Performance:
Order Review & Confirmation
8 Guidelines · Performance:
Validation Errors & Data Persistence
10 Guidelines · Performance:
Field Labels & Microcopy
5 Guidelines · Performance:
Field Design & Input Optimization
8 Guidelines · Performance:
Accounts & Self-Service
22 Guidelines · Performance:
Account Drop-Down, Dashboard & Sign In
11 Guidelines · Performance:
Account-Wide Navigation, Structure, & Information
11 Guidelines · Performance:
Site-Wide Design & Interaction
12 Guidelines · Performance:
Mobile Web
276 Guidelines · Performance:
Mobile Homepage & Category Navigation
22 Guidelines · Performance:
Mobile Homepage
7 Guidelines · Performance:
Mobile Category Taxonomy & Intermediary Category Pages
8 Guidelines · Performance:
Mobile Main Navigation
7 Guidelines · Performance:
Mobile On-Site Search
29 Guidelines · Performance:
Mobile Search Query Types
8 Guidelines · Performance:
Mobile Search Form and Logic
5 Guidelines · Performance:
Mobile Search Autocomplete
7 Guidelines · Performance:
Mobile Search Results Layout & Filtering
9 Guidelines · Performance:
Mobile Product Lists & Filtering
50 Guidelines · Performance:
Mobile List Layout
15 Guidelines · Performance:
Mobile List Item Thumbnails
5 Guidelines · Performance:
Mobile List Item Info & Features
14 Guidelines · Performance:
Mobile Available Filters & Sorting
8 Guidelines · Performance:
Mobile Filtering Interface, Scope & Logic
8 Guidelines · Performance:
Mobile Product Page
49 Guidelines · Performance:
Mobile Product Page Layout
5 Guidelines · Performance:
Mobile Product Images: Gallery UI, Videos & 360-Views
10 Guidelines · Performance:
Mobile The "Buy" Section, Shipping & Returns
10 Guidelines · Performance:
Mobile Product Descriptions, Specs & Variations
11 Guidelines · Performance:
Mobile Cross-Sells & Auxiliary Content
5 Guidelines · Performance:
Mobile User Reviews
8 Guidelines · Performance:
Mobile Cart & Checkout
89 Guidelines · Performance:
Mobile Checkout Types & Layout
6 Guidelines · Performance:
Mobile Shopping Cart and “Added to Cart”
11 Guidelines · Performance:
Mobile Account Selection & Creation
7 Guidelines · Performance:
Mobile Customer Address & Information
9 Guidelines · Performance:
Mobile Shipping & Fulfillment
11 Guidelines · Performance:
Mobile Payment Flow & Methods (Incl. Credit Card & Third-Party)
12 Guidelines · Performance:
Mobile Order Review & Confirmation
8 Guidelines · Performance:
Mobile Validation Errors & Data Persistence
10 Guidelines · Performance:
Mobile Field Labels & Microcopy
5 Guidelines · Performance:
Mobile Field Design & Input Optimization
10 Guidelines · Performance:
Mobile Accounts & Self-Service
18 Guidelines · Performance:
Mobile Account Dashboard & Sign In
7 Guidelines · Performance:
Mobile Account-Wide Navigation, Structure, & Information
11 Guidelines · Performance:
Mobile Site-Wide Design & Interaction
19 Guidelines · Performance:
To learn how we calculate our performance scores and read up on our evaluation criteria and scoring algorithm head over to our Methodology page.
The scatterplot you see above is the free version we make public to all our users. If you wish to dive deeper and learn about each guideline and even review your own site you’ll need to get premium access.
31 pages of Grainger’s e-commerce site, marked up with 245 best practice examples:
25 pages of Grainger’s e-commerce site, marked up with 208 best practice examples:
Explore similar case studies of Home & Hardware sites:
63 page designs: desktop, mobile
45 page designs: desktop, mobile
51 page designs: desktop, mobile
44 page designs: desktop, mobile
83 page designs: app, desktop, mobile
94 page designs: desktop, mobile, app
45 page designs: desktop, mobile
50 page designs: desktop, mobile
Every 2nd week, we publish a new article on how to build “state of the art” e-commerce experiences — here’s 5 popular ones:
See all 413 articles in the full public archive.
Get full access to Baymard’s 78,000+ hours of research and empower your UX team and decisions.
Get Baymard to audit your site’s UX performance, compare it to competitors, and identify 40 areas of improvements.