State Farm UX Case Study
This is a case study of State Farm’s e-commerce user experience (UX) performance. It’s based on an exhaustive performance review of 147 design elements. 250 other sites have also been benchmarked for a complete picture of the e-commerce UX landscape.
State Farm’s overall e-commerce UX performance is decent. This is mainly due to good Mobile Site-Wide Design & Interaction and Homepage, Main Navigation & Search while simultaneously having poor Mobile Product Page Layout & Descriptions and mediocre Site-Wide Design & Interaction.
First benchmarked in April 2023.
Desktop Web
174 Guidelines · Performance:
Homepage, Main Navigation & Search
27 Guidelines · Performance:
Product Page Layout & Descriptions
15 Guidelines · Performance:
Application Form
82 Guidelines · Performance:
Customer Accounts
38 Guidelines · Performance:
Site-Wide Design & Interaction
12 Guidelines · Performance:
Mobile Web
154 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.
State Farm’s Desktop Web E-Commerce Design
18 pages of State Farm’s e-commerce site, marked up with 112 best practice examples:
State Farm’s Mobile Web E-Commerce Design
17 pages of State Farm’s e-commerce site, marked up with 104 best practice examples:
Explore Other Research Content
Every week, we publish a new article on how to build “state of the art” e-commerce experiences — here’s 5 popular ones:
Drop-Down Usability: When You Should (and Shouldn’t) Use Them
Format the “Expiration Date” Fields Exactly the Same as the Physical Credit Card (72% Don’t)
PDP UX: Core Product Content Is Overlooked in ‘Horizontal Tabs’ Layouts (Yet 28% of Sites Have This Layout)
Form Field Usability: Avoid Extensive Multicolumn Layouts (16% Make This Form Usability Mistake)
Form Usability: Getting ‘Address Line 2’ Right
See all 406 articles in the full public archive.