Peapod’s E-Commerce UX
This is a case study of Peapod’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 414 design elements. 196 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
Peapod’s overall e-commerce UX performance is mediocre. Some of Peapod’s biggest UX issues are caused by broken Product Lists & Filtering, poor Cart & Checkout, and poor Mobile Web performances.
Overall UX Performance
414 Guidelines · Performance:
Desktop Web
251 Guidelines · Performance:
Homepage & Category
41 Guidelines · Performance:
Homepage
9 Guidelines · Performance:
Intermediary Category Pages & Taxonomy
9 Guidelines · Performance:
Main Navigation
9 Guidelines · Performance:
Site-Wide Layout
6 Guidelines · Performance:
Recipe pages
8 Guidelines · Performance:
On-Site Search
30 Guidelines · Performance:
Search Query Types & Logic
9 Guidelines · Performance:
Search Autocomplete
9 Guidelines · Performance:
Results Logic, Filtering & Guidance
12 Guidelines · Performance:
Product Lists & Filtering
51 Guidelines · Performance:
List Layout, Hit Areas & Product Loading
15 Guidelines · Performance:
List Item product Info and Thumbnails
9 Guidelines · Performance:
Filtering: Available Filters & Sorting
8 Guidelines · Performance:
Filtering: Scope & Logic
8 Guidelines · Performance:
Filtering: Interface & Layout
11 Guidelines · Performance:
Product Page
24 Guidelines · Performance:
Product Page Layout & 'Buy' Section
12 Guidelines · Performance:
Product Descriptions & Spec Sheets
8 Guidelines · Performance:
Cross-Sells & Cross-Navigation
4 Guidelines · Performance:
Cart & Checkout
78 Guidelines · Performance:
Shopping Cart & “Added to Cart” Behavior
13 Guidelines · Performance:
Account Selection & Creation
6 Guidelines · Performance:
Customer & Address Information
6 Guidelines · Performance:
Shipping & Store Pickup
8 Guidelines · Performance:
Credit Card Form & Payment Flow
10 Guidelines · Performance:
Order Review & Confirmation
10 Guidelines · Performance:
Form & Page Design
6 Guidelines · Performance:
User Interactions, Validations & Data Persistence
10 Guidelines · Performance:
Field Labels, Design & Microcopy
9 Guidelines · Performance:
Customer Accounts
27 Guidelines · Performance:
Account Drop-Down, Dashboard & Sign In
11 Guidelines · Performance:
'Your Account': Addresses, Payments, & Newsletters
10 Guidelines · Performance:
Account-Wide Navigation, Structure, & Information
6 Guidelines · Performance:
Mobile Web
163 Guidelines · Performance:
Mobile Homepage
7 Guidelines · Performance:
Mobile Main Navigation & Categories
14 Guidelines · Performance:
Mobile On-Site Search
18 Guidelines · Performance:
Autocomplete
8 Guidelines · Performance:
Query Types, Design & Logic
10 Guidelines · Performance:
Mobile Product List
34 Guidelines · Performance:
Mobile Product List Layout & Features
13 Guidelines · Performance:
Mobile Filtering & Sorting
8 Guidelines · Performance:
Mobile List Item Content
13 Guidelines · Performance:
Mobile Product Pages
14 Guidelines · Performance:
Mobile Checkout
38 Guidelines · Performance:
Shopping Cart, Shipping & Store Pickup
14 Guidelines · Performance:
Account Selection & Creation
5 Guidelines · Performance:
Payment & User Info
11 Guidelines · Performance:
Order Review & Confirmation
8 Guidelines · Performance:
Mobile Forms
23 Guidelines · Performance:
Form Fields
9 Guidelines · Performance:
Field Validation
8 Guidelines · Performance:
Input Optimization
6 Guidelines · Performance:
Mobile Site-Wide Features & Elements
15 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.
Peapod’s Desktop Web E-Commerce Design
30 pages of Peapod’s e-commerce site, marked up with 233 best practice examples:
Peapod’s Mobile Web E-Commerce Design
19 pages of Peapod’s e-commerce site, marked up with 199 best practice examples:
Similar Case Studies
Explore similar case studies of Online Grocery sites:
52 page designs: desktop, mobile
26 page designs: desktop, mobile
45 page designs: desktop, mobile
44 page designs: desktop, mobile
44 page designs: desktop, mobile
Explore Other Research Content
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 357 articles in the full public archive.