Chanel’s E-Commerce UX
This is a case study of Chanel’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 485 design elements. 196 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
Chanel’s overall e-commerce UX performance is decent. It is especially issues related to poor On-Site Search that detract from Chanel’s UX performance.
Overall UX Performance
485 Guidelines · Performance:
Homepage & Category
77 Guidelines · Performance:
Homepage
8 Guidelines · Performance:
Category Taxonomy
11 Guidelines · Performance:
Main Navigation
12 Guidelines · Performance:
Intermediary Category Pages
6 Guidelines · Performance:
Site-Wide Layout
7 Guidelines · Performance:
Store Locator
18 Guidelines · Performance:
Collection Page
15 Guidelines · Performance:
On-Site Search
23 Guidelines · Performance:
Search Query Types
5 Guidelines · Performance:
Search Form & Logic
10 Guidelines · Performance:
Search Autocomplete
8 Guidelines · Performance:
Product Lists
46 Guidelines · Performance:
Product List Layout & Products Loading
11 Guidelines · Performance:
List Items: Product Info & Thumbnails
11 Guidelines · Performance:
List Items: Interface & Hit Areas
7 Guidelines · Performance:
Filtering & Sorting
17 Guidelines · Performance:
Product Page
62 Guidelines · Performance:
Product Page Layout & Cross-Sells
12 Guidelines · Performance:
Product Images & Videos
11 Guidelines · Performance:
Image Gallery UI
11 Guidelines · Performance:
The 'Buy' Section, Shipping & Returns
12 Guidelines · Performance:
Product Variations
7 Guidelines · Performance:
Product Descriptions
9 Guidelines · Performance:
Customer Accounts
11 Guidelines · Performance:
Cart & Checkout
123 Guidelines · Performance:
Shopping Cart & “Added to Cart” Behavior
10 Guidelines · Performance:
Account Selection & Creation
9 Guidelines · Performance:
Customer & Address Information
12 Guidelines · Performance:
Gifting Flow & Features
5 Guidelines · Performance:
Shipping & Store Pickup
8 Guidelines · Performance:
Payment Flow & Methods (Incl. Third-Party)
8 Guidelines · Performance:
Credit Card Form
10 Guidelines · Performance:
Order Review
5 Guidelines · Performance:
Order Confirmation & E-Mail
4 Guidelines · Performance:
Form & Page Design
10 Guidelines · Performance:
User Interactions & Distractions
9 Guidelines · Performance:
Validation Errors & Data Persistence
10 Guidelines · Performance:
Field Labels & Microcopy
7 Guidelines · Performance:
Field Design & Features
8 Guidelines · Performance:
Default Values & Autocompletion
8 Guidelines · Performance:
Mobile E-Commerce
143 Guidelines · Performance:
Mobile Homepage
8 Guidelines · Performance:
Mobile Main Navigation & Categories
19 Guidelines · Performance:
Mobile On-Site Search
21 Guidelines · Performance:
Mobile Search Autocomplete
7 Guidelines · Performance:
Mobile Search Query Types
5 Guidelines · Performance:
Mobile Search Design & Logic
9 Guidelines · Performance:
Mobile Product List
35 Guidelines · Performance:
Mobile Product List Layout & Features
15 Guidelines · Performance:
Mobile Filtering
9 Guidelines · Performance:
Mobile List Item Content
11 Guidelines · Performance:
Mobile Product Pages
45 Guidelines · Performance:
Mobile Product Page Layout
16 Guidelines · Performance:
Mobile Product Images & Videos
16 Guidelines · Performance:
Mobile Product Variations
6 Guidelines · Performance:
Mobile Shipping, Returns & Buying
7 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.
Chanel’s Desktop Web E-Commerce Design
22 pages of Chanel’s e-commerce site, marked up with 247 best practice examples:
Chanel’s Mobile Web E-Commerce Design
9 pages of Chanel’s e-commerce site, marked up with 107 best practice examples:
Similar Case Studies
Explore similar case studies of Health & Beauty and Luxury Goods sites:
31 page designs: desktop, mobile
20 page designs: desktop, mobile
32 page designs: desktop, mobile
35 page designs: desktop, mobile
32 page designs: desktop, mobile
33 page designs: desktop, mobile
76 page designs: desktop, mobile, app
23 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.